/* Superior Car Rental — Shared UI primitives */ /* SVG redraw of the Superior logo mark (stylized S with horizontal speed-lines) Original is a wordmark in amber; here we render it as a clean inline SVG mark so it scales crisply and matches whatever accent the user picks. */ const SuperiorMark = ({ size = 32, color = "currentColor" }) => ( ); const SuperiorWordmark = ({ light = false, height = 28 }) => (
SUPERIOR
Car Rental — Dubai
); /* Tiny icon set — line icons, single-color, currentColor */ const Icon = { Seats: (p) => , Doors: (p) => , Trans: (p) => , Engine: (p) => , Fuel: (p) => , Speed: (p) => , Heart: (p) => , Arrow: (p) => , ArrowL: (p) => , Whatsapp: (p) => , Phone: (p) => , Close: (p) => , Check: (p) => , Cal: (p) => , Pin: (p) => , Star: (p) => , Sparkle: (p) => , Shield: (p) => , Truck: (p) => , Clock: (p) => , }; /* Helpers */ const Button = ({ kind = "primary", size, className = "", children, ...p }) => ( ); const Eyebrow = ({ children, gold }) => (
{children}
); const Aed = () => AED; /* Whatsapp helper */ const waLink = (msg) => `https://wa.me/971567671411?text=${encodeURIComponent(msg)}`; /* Format short date e.g. "12 Jun" */ const fmtDate = (d) => { if (!d) return ""; const date = new Date(d); return date.toLocaleDateString("en-GB", { day: "numeric", month: "short" }); }; const todayPlus = (n) => { const d = new Date(); d.setDate(d.getDate() + n); return d.toISOString().slice(0, 10); }; Object.assign(window, { SuperiorMark, SuperiorWordmark, Icon, Button, Eyebrow, Aed, waLink, fmtDate, todayPlus });