'use client';

import ReserveDialog from '@/components/ui/Reserve/ReserveDialog';
import { motion } from 'framer-motion';

// This is a client component wrapper for interactive elements
export default function ReserveDialogWrapper() {
  return (
    <motion.div
      className="flex justify-center"
      initial={{ opacity: 0 }}
      animate={{ opacity: 1 }}
      transition={{ delay: 0.3, duration: 0.5 }}
      whileHover={{ scale: 1.05 }}
    >
      <ReserveDialog />
    </motion.div>
  );
}