Spacing (간격)

import { Badge } from "@vortex/ui-cals";
 
export default function BookingCalendar() {
  return (
    <div className="p-lg bg-white border rounded-lg">
      <h3 className="text-xl font-semibold mb-md">예약 일정</h3>
      <div className="grid grid-cols-3 gap-md">
        <div className="p-md border rounded">
          <Badge variant="booking-available">예약 가능</Badge>
        </div>
        <div className="p-md border rounded">
          <Badge variant="booking-confirmed">예약 확정</Badge>
        </div>
        <div className="p-md border rounded">
          <Badge variant="booking-completed">예약 완료</Badge>
        </div>
      </div>
    </div>
  );
}