import * as React from "react";
import { AnimatePresence, motion } from "framer-motion";
import { FileText, PenLine } from "lucide-react";
import { SignaturePad, type SignatureResult } from "@/components/ui/signature-pad";
/* Signatures the demo signer has used before. Captured from the pad itself,
so they carry the same tapered ink the component draws. */
const SAVED = [
{ id: "full", label: "Full signature", name: "Jordan Reyes", png: "data:image/png;base64,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" },
{ id: "initials", label: "Initials", name: "Jordan Reyes", png: "data:image/png;base64,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" },
];
export default function SignatureDemo() {
const [open, setOpen] = React.useState(false);
const [signed, setSigned] = React.useState<SignatureResult | null>(null);
return (
<div className="w-full bg-background px-10 py-10">
<div className="mx-auto flex w-full max-w-[560px] flex-col items-center gap-5">
{/* the document the signature belongs to */}
<div className="w-full max-w-[520px] rounded-[18px] border border-black/[0.07] bg-white p-5 shadow-[0_1px_2px_rgb(0_0_0/0.05)] [corner-shape:squircle] dark:border-white/[0.08] dark:bg-neutral-900">
<div className="flex items-center gap-2.5">
<span className="grid h-8 w-8 place-items-center rounded-[10px] bg-neutral-100 text-neutral-500 [corner-shape:squircle] dark:bg-white/[0.07] dark:text-neutral-300">
<FileText aria-hidden className="h-4 w-4" />
</span>
<div>
<p className="m-0 text-[13.5px] font-medium text-neutral-900 dark:text-neutral-50">
Master services agreement
</p>
<p className="m-0 text-[11.5px] text-neutral-500 dark:text-neutral-400">
12 pages · Northwind Studio and Vela Labs
</p>
</div>
</div>
<div className="mt-4 space-y-2">
<div className="h-2 w-full rounded-full bg-neutral-100 dark:bg-white/[0.06]" />
<div className="h-2 w-[92%] rounded-full bg-neutral-100 dark:bg-white/[0.06]" />
<div className="h-2 w-[74%] rounded-full bg-neutral-100 dark:bg-white/[0.06]" />
</div>
<div className="mt-5 flex items-end justify-between gap-4">
<div className="min-w-0 flex-1">
<div className="flex h-[54px] items-end">
{signed ? (
<motion.img
src={signed.png}
alt="Signature"
initial={{ opacity: 0, y: 6 }}
animate={{ opacity: 1, y: 0 }}
className="max-h-[50px] max-w-full object-contain dark:invert"
/>
) : null}
</div>
<div className="h-px w-full bg-black/[0.14] dark:bg-white/20" />
<p className="m-0 mt-1.5 text-[11.5px] text-neutral-500 dark:text-neutral-400">
Jordan Reyes · Director
</p>
</div>
<button
type="button"
onClick={() => setOpen(true)}
className="inline-flex h-9 shrink-0 items-center gap-1.5 rounded-[10px] bg-neutral-900 px-3.5 text-[13px] font-medium text-white transition-colors hover:bg-neutral-800 [corner-shape:squircle] dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-white"
>
<PenLine aria-hidden className="h-3.5 w-3.5" />
{signed ? "Sign again" : "Sign document"}
</button>
</div>
</div>
</div>
<AnimatePresence>
{open && (
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.15 }}
onClick={() => setOpen(false)}
className="fixed inset-0 z-50 grid place-items-center bg-neutral-950/25 p-4 backdrop-blur-[2px]"
>
<motion.div
onClick={(e) => e.stopPropagation()}
initial={{ opacity: 0, y: 10, scale: 0.98 }}
animate={{ opacity: 1, y: 0, scale: 1 }}
exit={{ opacity: 0, y: 8, scale: 0.98 }}
transition={{ type: "spring", stiffness: 420, damping: 34 }}
className="w-full max-w-[520px]"
>
<SignaturePad
signerName="Jordan Reyes"
saved={SAVED}
onCancel={() => setOpen(false)}
showSignedState={false}
onAccept={(result) => {
setSigned(result);
setOpen(false);
}}
className="shadow-[0_24px_60px_-18px_rgb(0_0_0/0.35)]"
/>
</motion.div>
</motion.div>
)}
</AnimatePresence>
</div>
);
}