Morph popover

"use client";

import { useState } from "react";
import { MorphPopover, MorphPopoverTrigger, MorphPopoverContent } from "@/components/motion/popover-morph";

export default function Example() {
  const [open, setOpen] = useState(false);

  return (
    <MorphPopover open={open} onOpenChange={setOpen}><MorphPopoverTrigger><button type="button">Details</button></MorphPopoverTrigger><MorphPopoverContent side="bottom" align="start"><p>Details</p></MorphPopoverContent></MorphPopover>
  );
}