// illustrations.jsx — master brand marks: recolorable wordmark + childlike line drawings.
// The brand pairs "Rolex green" seriousness with loose, hand-drawn doodles.
// All doodles inherit `currentColor`; wrap them and set color via CSS var --illustration.
// ── Wordmark (inline so it can be recolored) ──────────────────────
function Wordmark({ height = 22, color = 'currentColor', style }) {
return (
);
}
// ── Doodle wrapper: childlike, loose single-weight strokes ────────
const doodleBase = {
fill: 'none',
stroke: 'currentColor',
strokeWidth: 2,
strokeLinecap: 'round',
strokeLinejoin: 'round',
display: 'block',
};
const Doodle = ({ size = 48, vb = 48, children, style }) => (
);
// Suitcase (from brand reference)
const DoodleSuitcase = (p) => (
);
// Flower in hand (from brand reference)
const DoodleFlower = (p) => (
);
// Coffee cup + phone (from brand reference) — "seamless digital"
const DoodleCoffee = (p) => (
);
// Key — access / PIN
const DoodleKey = (p) => (
);
// Wifi waves
const DoodleWifi = (p) => (
);
// Map pin
const DoodlePin = (p) => (
);
// Sun behind cloud — weather
const DoodleWeather = (p) => (
);
// Door / lock — building entry
const DoodleDoor = (p) => (
);
// Broom — housekeeping / services
const DoodleBroom = (p) => (
);
// Bell — support / concierge
const DoodleBell = (p) => (
);
// Calendar — dates / checkout
const DoodleCalendar = (p) => (
);
// Sparkle / star — delight, "today"
const DoodleSparkle = (p) => (
);
// Compass — local guide / explore
const DoodleCompass = (p) => (
);
// Bed — apartment / room
const DoodleBed = (p) => (
);
// Heart — favourite / care
const DoodleHeart = (p) => (
);
// Chat bubble — message host
const DoodleChat = (p) => (
);
// Egg — breakfast. Filled mark (not a line doodle), so it renders as a solid
// glyph in `currentColor` rather than through the stroke-based Doodle wrapper.
const DoodleEgg = ({ size = 48, style }) => (
);
// Flower-in-hand — the "your stay has ended" farewell illustration. Filled mark
// in `currentColor` (set the parent's color to tint it, e.g. white on green).
const FlowerHand = ({ size = 200, style }) => (
);
Object.assign(window, {
Wordmark, Doodle,
DoodleSuitcase, DoodleFlower, DoodleCoffee, DoodleKey, DoodleWifi, DoodlePin,
DoodleWeather, DoodleDoor, DoodleBroom, DoodleBell, DoodleCalendar, DoodleSparkle,
DoodleCompass, DoodleBed, DoodleHeart, DoodleChat, DoodleEgg, FlowerHand,
});