liminal add popover

import { Popover } from "@/components/ui/popover";
import { Button } from "@/components/ui/button";

export default function Example() {
  return (
    <Popover trigger={<Button>Open popover</Button>}>
      <p className="text-sm">
        This is some content inside the popover.
      </p>
    </Popover>
  );
}

import {
  PopoverRoot,
  PopoverTrigger,
  PopoverContent,
  PopoverTitle,
  PopoverDescription,
  PopoverCloseTrigger,
} from "@/components/ui/popover";
import { Button } from "@/components/ui/button";

export default function Example() {
  return (
    <PopoverRoot>
      <PopoverTrigger asChild>
        <Button>Details</Button>
      </PopoverTrigger>
      <PopoverContent>
        <PopoverTitle>Popover title</PopoverTitle>
        <PopoverDescription>
          Additional information about this action.
        </PopoverDescription>
        <PopoverCloseTrigger className="mt-2 text-sm underline">
          Close
        </PopoverCloseTrigger>
      </PopoverContent>
    </PopoverRoot>
  );
}