Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
The import and the props worth knowing about, in one place.
import { Travel1 } from "@/components/beste/piece/travel1";
<Travel1
surface="card"
bordered={true}
inverted={false}
airline="Turkish Airlines"
from="IST"
to="LHR"
departTime="09:40"
arriveTime="12:20"
duration="4h 40m · Direct"
price="$312"
tone="neutral"
/>Flight card with a small plane gliding along the arc between two airports as the dotted trail fills behind it and the landing countdown ticks toward Landed.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Visual route card with origin and destination framing an SVG dashed great-circle arc in a selectable tone.
Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.