Pantograph Copier

import { PantographCopier } from '@/components/ui/pantograph-copier'

import { PantographCopier } from '@/components/ui/pantograph-copier'

export default function PantographCopierDemo() {
  return (
    <div className="mx-auto w-full max-w-3xl px-4 py-10 sm:px-6 sm:py-14">
      <p className="mb-4 font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
        Spectacle · drafting instrument
      </p>
      <h2 className="mb-6 text-2xl font-semibold tracking-tight text-balance sm:text-3xl">
        Trace once. The linkage redraws at scale.
      </h2>
      <PantographCopier
        scaleFactor={2}
        strokeLimit={600}
        caption="PANTOGRAPH · ×2"
        ariaLabel="Pantograph copier"
      />
      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
        Drag the tracer ring inside the TRACE plate, or tab the stage and hold
        arrow keys. The four-bar parallelogram lays the same path in primary ink
        on COPY. Clear wipes both plates.
      </p>
    </div>
  )
}