Drawer

import {
  Drawer,
  DrawerTrigger,
  DrawerContent,
  DrawerHeader,
  DrawerTitle,
  DrawerDescription,
  DrawerFooter,
  DrawerClose,
} from "zostel-ui";

<Drawer>
  <DrawerTrigger asChild>
    <Button>Open Drawer</Button>
  </DrawerTrigger>
  <DrawerContent>
    <DrawerHeader>
      <DrawerTitle>Select Dates</DrawerTitle>
      <DrawerDescription>
        Choose your check-in and check-out dates
      </DrawerDescription>
    </DrawerHeader>
    <div className="px-4">
      {/* Drawer content here */}
    </div>
    <DrawerFooter>
      <Button>Confirm Dates</Button>
      <DrawerClose asChild>
        <Button variant="outline">Cancel</Button>
      </DrawerClose>
    </DrawerFooter>
  </DrawerContent>
</Drawer>