Popover (Base UI)

"use client";

import {
  Popover,
  PopoverTrigger,
  PopoverContent,
} from "@/components/ui/b-popover";

export default function PopoverDemo() {
  return (
    <div className="flex min-h-64 items-center justify-center">
      <Popover>
        <PopoverTrigger>Open popover</PopoverTrigger>
        <PopoverContent>
          <div className="space-y-1.5">
            <h4 className="text-sm font-medium">Dimensions</h4>
            <p className="text-sm opacity-70">
              Set the dimensions for the layer below.
            </p>
          </div>
        </PopoverContent>
      </Popover>
    </div>
  );
}