Document revision timeline with an emerald Current marker and connector rail down the left edge.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal14 } from "@/components/beste/piece/legal14";
<Legal14
docName="MSA-2026-0421"
versions={[
{
"label": "v4.2",
"author": "Beste Sözen",
"at": "Apr 23 · 14:12",
"note": "Counsel redline on indemnification",
"current": true
},
{
"label": "v4.1",
"author": "Kian Okafor",
"at": "Apr 21 · 10:02",
"note": "Updated pricing schedule"
},
{
"label": "v4.0",
"author": "Legal ops",
"at": "Apr 18 · 09:44",
"note": "Initial redline"
}
]}
/>