Day-of-trip card with a destination header and a vertical timeline of timed stops linked by a rail.
The import and the props worth knowing about, in one place.
import { Travel3 } from "@/components/beste/piece/travel3";
<Travel3
surface="card"
bordered={false}
inverted={false}
day={3}
destination="Lisbon"
dayLabel="Day"
stops={[
{
"time": "09:00",
"title": "Time Out Market"
},
{
"time": "12:30",
"title": "Ride Tram 28"
},
{
"time": "18:00",
"title": "Miradouro sunset"
}
]}
/>