Horizontal milestone rail with emerald past dots, a primary current halo, and muted future placeholders.
The import and the props worth knowing about, in one place.
import { Legal17 } from "@/components/beste/piece/legal17";
<Legal17
milestones={[
{
"label": "Effective date",
"date": "May 1, 2026",
"status": "past"
},
{
"label": "First renewal",
"date": "May 1, 2027",
"status": "current"
},
{
"label": "Term end",
"date": "May 1, 2029",
"status": "future"
}
]}
bordered={false}
/>