// Shared icons + small UI primitives for QTicket redesign. // Stroke-based icons in a single style — 24px viewBox. const Ico = { bell: (p={}) => ( ), search: (p={}) => ( ), swap: (p={}) => ( ), filter: (p={}) => ( ), home: (p={}) => ( ), ticket: (p={}) => ( ), wallet: (p={}) => ( ), user: (p={}) => ( ), pin: (p={}) => ( ), arrowRight: (p={}) => ( ), back: (p={}) => ( ), bus: (p={}) => ( ), bolt: (p={}) => ( ), qr: (p={}) => ( ), download: (p={}) => ( ), plus: (p={}) => ( ), check: (p={}) => ( ), chevR: (p={}) => ( ), star: (p={}) => ( ), luggage: (p={}) => ( ), wifi: (p={}) => ( ), snow: (p={}) => ( ), outlet: (p={}) => ( ), }; // Striped placeholder helper function StripeFill({ color = '#0E1116', opacity = 0.06, size = 6, angle = 45 }) { const id = React.useId(); return ( ); } // Pill that holds the selected date in a horizontal carousel function DateStripPill({ items, selectedIdx = 2, dark = false }) { return (
{/* highlight pill behind the selected item — inset-inline-start flips automatically under dir="rtl" parents */}
{items.map((it, i) => { const sel = i === selectedIdx; const c = sel ? (dark ? '#0E1116' : '#FFFFFF') : (dark ? 'rgba(255,255,255,.6)' : '#5B6270'); return (
{it.dow}
{it.d}
{it.mon}
); })}
); } // Small chip function Chip({ children, dark = false, style = {} }) { return ( {children} ); } // Logo-mark — circular monogram for the company list function LogoMark({ initials, bg = '#0E1116', fg = '#FFFFFF', size = 36 }) { return (
{initials}
); } Object.assign(window, { Ico, StripeFill, DateStripPill, Chip, LogoMark });