Airline seat-map row with an aisle gap, selected emerald seat, and a compact legend at the bottom.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel14 } from "@/components/beste/piece/travel14";
<Travel14
row={12}
seats={[
{
"label": "A",
"state": "available"
},
{
"label": "B",
"state": "taken"
},
{
"label": "C",
"state": "available"
},
{
"label": "D",
"state": "selected"
},
{
"label": "E",
"state": "available"
},
{
"label": "F",
"state": "exit"
}
]}
selectedLabel="12D · Window"
/>Minimal place row showing name, distance, and an ETA pill with an optional travel-mode caption.
Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.
Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.
Itemized receipt for a trip with a dashed divider before the bold total and passenger note.