import { Popover, PopoverContent, PopoverTrigger } from "@/components/aspekt/popover";

<Popover>  <PopoverTrigger>Share report</PopoverTrigger>  <PopoverContent arrow>    <PopoverHeader>      <PopoverTitle>Share revenue report</PopoverTitle>      <PopoverDescription>        Invite finance teammates to review the monthly numbers.      </PopoverDescription>    </PopoverHeader>    <div className="grid gap-2 text-sm">      <div className="flex justify-between gap-4">        <span>Access</span>        <span>View only</span>      </div>      <div className="flex justify-between gap-4">        <span>Expires</span>        <span>7 days</span>      </div>    </div>    <PopoverFooter>      <PopoverClose>Dismiss</PopoverClose>      <Button color="neutral">Copy link</Button>    </PopoverFooter>  </PopoverContent></Popover>