Document revision timeline with an emerald Current marker and connector rail down the left edge.
The import and the props worth knowing about, in one place.
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"
}
]}
/>Horizontal milestone rail with emerald past dots, a primary current halo, and muted future placeholders.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.
Clause redline view showing struck-through removed text in rose beside emerald added replacements.