Popover

import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import {
  Popover,
  PopoverContent,
  PopoverDescription,
  PopoverTitle,
  PopoverTrigger,
} from "@/components/ui/popover"

export default function PopoverDemo() {
  return (
    <Popover>
      <PopoverTrigger render={<Button variant="outline" />}>Rename</PopoverTrigger>
      <PopoverContent>
        <PopoverTitle>Scene name</PopoverTitle>
        <PopoverDescription>Shown on the visit card.</PopoverDescription>
        <Input defaultValue="The garden" aria-label="Scene name" />
      </PopoverContent>
    </Popover>
  )
}