Shadows (그림자)

import { Button, Badge } from "@vortex/ui-cals";
 
export default function BookingCard() {
  return (
    <div className="bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
      <img
        src="/venue.jpg"
        alt="Venue"
        className="w-full h-48 object-cover rounded-t-lg"
      />
      <div className="p-md">
        <Badge variant="booking-available" className="mb-sm">
          예약 가능
        </Badge>
        <h3 className="text-xl font-semibold mb-sm">회의실 A</h3>
        <p className="text-gray-600 mb-md">4인용 회의실</p>
        <Button variant="primary">예약하기</Button>
      </div>
    </div>
  );
}