// Hand-drawn SVG illustrations for 8 wagashi + option icons.
// All viewBox 0 0 200 200 (wagashi) or 0 0 24 24 (icons).
const WagashiArt = ({ type, size = 220 }) => {
const common = { width: size, height: size, viewBox: '0 0 200 200' };
switch (type) {
case 'nerikiri':
// Sculpted pink flower-shaped wagashi with 5 petals + yellow center
return (
);
case 'kuzumochi':
// Translucent cube glistening, on leaf, with kuromitsu drip
return (
);
case 'monaka':
// Two crispy wafer shells sandwiching red bean paste
return (
);
case 'yokan':
// Dark amber brick on a bamboo leaf, cross-section showing translucent layers
return (
);
case 'kusamochi':
// Round green mochi dusted with kinako, small leaf on top
return (
);
case 'gyuhi':
// Soft pillow of pale pink mochi, slightly pillow-shaped, dusted
return (
);
case 'mizumanju':
// Crystal clear dome with red bean sphere inside, water droplets
return (
);
case 'sakuramochi':
// Pink rice ball wrapped in a salted cherry leaf
return (
);
default:
return null;
}
};
// Hero illustration for landing: a small collection
const HeroArt = () => (
);
// Small SVG icons for answer options. 24x24 stroke-based.
const OptIcon = ({ name, size = 22 }) => {
const p = { width: size, height: size, viewBox:'0 0 24 24', fill:'none',
stroke:'currentColor', strokeWidth:'1.5', strokeLinecap:'round', strokeLinejoin:'round' };
switch(name){
case 'sakura':
return ;
case 'rain':
return ;
case 'leaf':
return ;
case 'snow':
return ;
case 'torii':
return ;
case 'boat':
return ;
case 'mountain':
return ;
case 'ticket':
return ;
case 'door':
return ;
case 'chat':
return ;
case 'foot':
return ;
case 'tea':
return ;
case 'brush':
return ;
case 'wave':
return ;
case 'check':
return ;
case 'spark':
return ;
case 'eye':
return ;
case 'hands':
return ;
case 'smile':
return ;
case 'moon':
return ;
case 'art':
return ;
case 'drop':
return ;
case 'block':
return ;
case 'crisp':
return ;
case 'frame':
return ;
case 'bag':
return ;
case 'bed':
return ;
case 'firework':
return ;
case 'cloud':
return ;
case 'flower':
return ;
case 'anchor':
return ;
case 'shine':
return ;
default:
return ;
}
};
Object.assign(window, { WagashiArt, HeroArt, OptIcon });