Morphing modal

"use client";

import { useState } from "react";
import { MorphingModal } from "@/components/motion/morphing-modal";

export default function Example() {
  const [view, setView] = useState<string | null>(null);

  return (
    <><button type="button" onClick={() => setView("first")}>Open details</button><MorphingModal viewId={view} onClose={() => setView(null)} title="Details"><p>First view</p></MorphingModal></>
  );
}