Popover

import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/components/ui/popover"
import { Button } from "@/components/ui/button"
import { Text } from "@/components/ui/text"

export function Example() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="outline">
          <Text>Open</Text>
        </Button>
      </PopoverTrigger>
      <PopoverContent>
        <Text>Place content for the popover here.</Text>
      </PopoverContent>
    </Popover>
  )
}