// flags.jsx — simple flat SVG flags, desaturated to sit with the blues
// Drawn at 3:2, styled to 28×18 at size=28 (or 36×24 at size=36).
// Intentionally simplified — per Traduality guidance: clean flat flags, not emoji.
const FLAG_SVGS = {
// Mexico — simplified: vertical green/white/red
mx: (
),
// China — red w/ yellow stars (simplified to one large star)
cn: (
),
// Vietnam — red w/ yellow star
vn: (
),
// South Korea — white w/ taegeuk + simplified trigrams
kr: (
),
// Haiti — blue/red horizontal
ht: (
),
// Saudi Arabia (for Arabic) — green with simplified calligraphy bar + sword
sa: (
),
// France — vertical blue/white/red
fr: (
),
// Brazil (for Portuguese) — green w/ yellow diamond + blue circle
br: (
),
// Russia — white/blue/red horizontal
ru: (
),
// India — horizontal saffron/white/green + wheel
in: (
),
// Philippines — horizontal blue/red with white triangle
ph: (
),
// Kenya (for Swahili) — black/red/green w/ shield
ke: (
),
};
function Flag({ code, size = 28, style = {} }) {
const g = FLAG_SVGS[code];
if (!g) return null;
const w = size;
const h = Math.round(size * 20 / 36);
return (
);
}
Object.assign(window, { Flag });