Popover

import {
  Popover,
  PopoverTrigger,
  PopoverContent,
} from "zostel-ui";

<Popover>
  <PopoverTrigger asChild>
    <Button>Preferences</Button>
  </PopoverTrigger>
  <PopoverContent className="w-72">
    <h4 className="text-sm font-semibold">Display Settings</h4>
    <div className="space-y-3 mt-3">
      <div className="flex items-center justify-between">
        <label>Currency</label>
        <Select defaultValue="INR" />
      </div>
      <div className="flex items-center justify-between">
        <label>Language</label>
        <Select defaultValue="English" />
      </div>
    </div>
  </PopoverContent>
</Popover>