Popover

import { Popover, PopoverTrigger, PopoverContent } from '@otfdashkit/ui'
import { Button } from '@otfdashkit/ui'

export function Example() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="outline">Open Popover</Button>
      </PopoverTrigger>
      <PopoverContent>
        <div className="space-y-2">
          <h4 className="font-medium text-sm text-foreground">Popover Title</h4>
          <p className="text-sm text-muted-foreground">This popover has enter/exit animations.</p>
        </div>
      </PopoverContent>
    </Popover>
  )
}