/* global React */
// ─── Snowfall (CSS-driven, lightweight) ─────────────────────
const Snowfall = ({ count = 40, seed = 1, speedMin = 6, speedMax = 16 }) => {
const r = (n) => { const x = Math.sin((n+1) * 9013 + seed*53) * 10000; return x - Math.floor(x); };
const flakes = ['❄','✦','·','*'];
return (
{Array.from({length: count}).map((_, i) => {
const size = 6 + r(i)*16;
const dur = speedMin + r(i+1)*(speedMax-speedMin);
const delay = -r(i+2)*dur;
const left = r(i+3)*100;
const op = 0.35 + r(i+4)*0.55;
const ch = flakes[Math.floor(r(i+5)*flakes.length)];
return (
{ch}
);
})}
);
};
// ─── String lights along the top ────────────────────────────
const StringLights = ({ count = 14, colors }) => {
const palette = colors || ['#e85267','#e8c266','#5fb37e','#9bd6f0','#e8884a'];
return (
);
};
// ─── Ornament ──────────────────────────────────────────────
const Ornament2 = ({ size = 64, color = 'var(--sc-candy)', sway = true, label, glow = true }) => (
{/* hanger string */}
{/* cap */}
{/* loop */}
{/* ball */}
{/* highlight */}
{label && (
{label}
)}
);
// ─── Garland — pine sprig with red berries ──────────────────
const Garland = ({ width = 200 }) => (
);
// ─── Wax seal ─────────────────────────────────────────────
const WaxSeal = ({ size = 56, letter = 'S' }) => (
{letter}
);
// ─── Ribbon banner ────────────────────────────────────────
const RibbonBanner = ({ children, color = 'var(--sc-candy)' }) => (
);
// ─── Magic meter (XP bar) ─────────────────────────────────
const MagicMeter = ({ pct = 60, label = 'Magic level' }) => (
{label}
{pct}%
{/* sparkle on the leading edge */}
✦
);
// ─── Stocking ─────────────────────────────────────────────
const Stocking = ({ name, color = 'var(--sc-candy)', size = 70 }) => (
{name}
);
// ─── Snow globe ───────────────────────────────────────────
const SnowGlobe = ({ size = 240, name = 'EMMA', activity = 'decorating the tree' }) => (
{/* globe */}
{/* glass highlight */}
{/* tree */}
{/* name plate floating */}
{/* base */}