// Ingredient illustrations — hand-drawn flat style.
// Each is an SVG component sized via a `size` prop (default 120).
const wobble = (seed) => {
// tiny deterministic jitter for organic feel
return ((seed * 9301 + 49297) % 233280) / 233280;
};
const Garlic = ({ size = 120 }) => (
);
const ChiliPepper = ({ size = 120 }) => (
);
const Scallion = ({ size = 120 }) => (
);
const Mushroom = ({ size = 120 }) => (
);
const CrispyPorkBelly = ({ size = 120 }) => (
);
const Rice = ({ size = 120 }) => (
);
const SoySauce = ({ size = 120 }) => (
);
const LaoGanMa = ({ size = 120 }) => (
);
const MandarinOrange = ({ size = 120 }) => (
);
const BubbleWaffle = ({ size = 120 }) => (
);
const EggYolkMoonCake = ({ size = 120 }) => (
);
// Final dish — an over-the-top claypot feast built from every ingredient.
const Dish = ({ size = 320 }) => (
);
const Wok = ({ size = 480, flames = true }) => (
);
const Steam = () => (
);
const INGREDIENTS = [
{ id: 'garlic', name: 'Garlic', friend: 'Jobi', Icon: Garlic, tossDx: -280, tossDy: -300, tossR: -380, hue: '#f5ecdc' },
{ id: 'mandarin-orange', name: 'Mandarin orange', friend: 'Johnny', Icon: MandarinOrange, tossDx: -120, tossDy: -400, tossR: 320, hue: '#f7c98a' },
{ id: 'scallion', name: 'Scallion', friend: 'Max', Icon: Scallion, tossDx: 120, tossDy: -400, tossR: -260, hue: '#dfe9c4' },
{ id: 'bubble-waffle', name: 'Bubble waffle', friend: 'Josh', Icon: BubbleWaffle, tossDx: 280, tossDy: -300, tossR: 460, hue: '#f3d79a' },
{ id: 'crispy-pork-belly', name: 'Crispy pork belly', friend: 'Brice', Icon: CrispyPorkBelly, tossDx: 0, tossDy: -440, tossR: 360, hue: '#f3b28a' },
{ id: 'egg-yolk-mooncake', name: 'Egg yolk mooncake', friend: 'Amber', Icon: EggYolkMoonCake, tossDx: -240, tossDy: -320, tossR: 160, hue: '#e8c79a' },
{ id: 'shiitake', name: 'Shiitake mushroom', friend: 'Jason', Icon: Mushroom, tossDx: 240, tossDy: -320, tossR: -150, hue: '#d8c8a4' },
{ id: 'soy-sauce', name: 'Soy sauce', friend: 'Michael', Icon: SoySauce, tossDx: -120, tossDy: -500, tossR: 220, hue: '#f5e1d2' },
{ id: 'chili-pepper', name: 'Chili pepper', friend: 'Valerie', Icon: ChiliPepper, tossDx: 120, tossDy: -500, tossR: -220, hue: '#fbd9d2' },
{ id: 'chili-oil', name: 'Lao Gan Ma', friend: 'Gaby', Icon: LaoGanMa, tossDx: -40, tossDy: -460, tossR: 300, hue: '#f3b8a6' },
];
Object.assign(window, { Garlic, ChiliPepper, Scallion, Mushroom, SoySauce, CrispyPorkBelly, Rice, LaoGanMa, MandarinOrange, BubbleWaffle, EggYolkMoonCake, Dish, Wok, Steam, INGREDIENTS });