Airline seat-map row with an aisle gap, selected emerald seat, and a compact legend at the bottom.
The import and the props worth knowing about, in one place.
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="Seat 12D"
bordered={false}
/>