Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel20 } from "@/components/beste/piece/travel20";
<Travel20
passenger="Beste Sözen · 12D"
items={[
{
"label": "Cabin bag",
"weight": "8 kg",
"count": 1,
"included": true
},
{
"label": "Checked suitcase",
"weight": "23 kg",
"count": 2
},
{
"label": "Personal item",
"weight": "2 kg",
"count": 1,
"included": true
}
]}
limit="Total allowance 54 kg"
/>Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Itemized receipt for a trip with a dashed divider before the bold total and passenger note.
Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.
Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.