"use client";
/**
* Hand-designed sticker artwork as inline SVG — no external assets.
* Each sticker is keyed by id; packs (see gamification.ts) reference these ids.
*/
type SvgProps = { className?: string };
function Face({
bg1,
bg2,
children,
}: {
bg1: string;
bg2: string;
children: React.ReactNode;
}) {
return (
<>
{children}
);
}
const STICKERS: Record = {
/* ----------------------------- faces ----------------------------- */
happy: (
),
sad: (
),
cool: (
),
love: (
),
angry: (
),
/* ------------------------------ hokm ----------------------------- */
"hokm-badge": (
<>
حکم
♠
),
"kot-stamp": (
کُت!
),
crown: (
<>
),
"ace-spade": (
<>
A
♠
A
),
/* ----------------------------- persian --------------------------- */
chai: (
<>
),
afarin: (
<>
آفرین
),
rose: (
<>
),
/* ------------------------------ taunt ---------------------------- */
clown: (
),
sleep: (
z
z
),
weak: (
<>
ضعیف!
),
/* ------------------- custom (achievement-unlocked) ------------------ */
"crown-gold": (
<>
),
"seven-zip": (
<>
7–0
),
"streak-fire": (
<>
),
/* ---------------------- Persian-text stamps ------------------------- */
"kot-text": (
<>
کوت!
),
"hokm-text": (
<>
حکم
),
"damet-garm": (
<>
دمت گرم
),
barikalla: (
<>
باریکلا
),
akhe: (
<>
آخه؟!
),
bardim: (
<>
بردیم!
),
};
export const STICKER_IDS = Object.keys(STICKERS);
export function Sticker({ id, size = 64, className }: { id: string; size?: number } & SvgProps) {
const art = STICKERS[id];
if (!art) return null;
return (
);
}