"use client"; import { Plane } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "neutral" | "primary" | "foreground" | "sky" | "emerald" | "violet" | "amber" | "rose"; interface Travel1Props { airline?: string; from?: string; to?: string; departTime?: string; arriveTime?: string; duration?: string; price?: string; tone?: Tone; className?: string; } const iconClasses: Record = { neutral: "bg-muted text-foreground", primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", sky: "bg-sky-500 text-white", emerald: "bg-emerald-500 text-white", violet: "bg-violet-500 text-white", amber: "bg-amber-500 text-white", rose: "bg-rose-500 text-white", }; export const travel1Demo: Travel1Props = { airline: "Turkish Airlines", from: "IST", to: "LHR", departTime: "09:40", arriveTime: "12:20", duration: "4h 40m · Direct", price: "$312", tone: "neutral", }; export function Travel1({ airline, from, to, departTime, arriveTime, duration, price, tone = "neutral", className, }: Travel1Props) { return (

{airline}

{price && ( {price} )}

{departTime} {from}

{duration}

{arriveTime} {to}

); }