/* global React */
const { useState, useEffect, useRef, useMemo, useCallback } = React;
/* ============== Cat SVG ============== */
function Cat({ size = 280, mood = "happy", outfit = "none", purring = false, blink = true }) {
const [blinking, setBlinking] = useState(false);
useEffect(() => {
if (!blink) return;
let t;
const loop = () => {
const wait = 2400 + Math.random() * 2600;
t = setTimeout(() => {
setBlinking(true);
setTimeout(() => setBlinking(false), 130);
loop();
}, wait);
};
loop();
return () => clearTimeout(t);
}, [blink]);
// mood: happy | content | sleepy | excited
const eyeClosed = blinking || mood === "sleepy";
// Chibi cat: big round head, small body, tiny tail. Soft inky outline.
const stroke = "#5a4a52";
const sw = 2.2;
const fur = "#fdfcfa";
const furShade = "#ece6e1";
const earInner = "#f4d4dd";
return (
);
}
/* ============== Tiny SVG icons ============== */
const Icon = {
paw: (s = 18) => (
),
fish: (s = 18) => (
),
star: (s = 18) => (
),
heart: (s = 18, c = "#ff89b3") => (
),
sparkle: (s = 18) => (
),
cloud: (s = 18) => (
),
music: (s = 18) => (
),
yarn: (s = 18) => (
),
bowl: (s = 18) => (
),
leaf: (s = 18) => (
),
moon: (s = 18) => (
),
trophy: (s = 18) => (
),
clover: (s = 18) => (
),
gear: (s = 18) => (
),
sun: (s = 18) => (
),
};
window.Cat = Cat;
window.Icon = Icon;