// Iconografia minimalista, traço fino
const Icon = {
Wallet: ({ size = 20, color = 'currentColor' }) => (
),
Card: ({ size = 20, color = 'currentColor' }) => (
),
Cart: ({ size = 20, color = 'currentColor' }) => (
),
Home: ({ size = 20, color = 'currentColor' }) => (
),
Chart: ({ size = 20, color = 'currentColor' }) => (
),
History: ({ size = 20, color = 'currentColor' }) => (
),
User: ({ size = 20, color = 'currentColor' }) => (
),
Trending: ({ size = 20, color = 'currentColor' }) => (
),
Bolt: ({ size = 20, color = 'currentColor' }) => (
),
Eye: ({ size = 20, color = 'currentColor' }) => (
),
Target: ({ size = 20, color = 'currentColor' }) => (
),
Sparkle: ({ size = 20, color = 'currentColor' }) => (
),
Check: ({ size = 16, color = 'currentColor' }) => (
),
X: ({ size = 16, color = 'currentColor' }) => (
),
ArrowRight: ({ size = 16, color = 'currentColor' }) => (
),
ChevronDown: ({ size = 16, color = 'currentColor' }) => (
),
Plus: ({ size = 16, color = 'currentColor' }) => (
),
Menu: ({ size = 20, color = 'currentColor' }) => (
),
Coffee: ({ size = 20, color = 'currentColor' }) => (
),
Heart: ({ size = 20, color = 'currentColor' }) => (
),
Bag: ({ size = 20, color = 'currentColor' }) => (
),
Receipt: ({ size = 20, color = 'currentColor' }) => (
),
Bank: ({ size = 20, color = 'currentColor' }) => (
),
Lightbulb: ({ size = 20, color = 'currentColor' }) => (
),
};
// Logo oficial — "econo" em roxo e "me" em verde
const Logo = ({ size = 22, dark = false }) => {
const inkColor = dark ? '#FFFFFF' : '#7010B0';
const greenColor = '#50D080';
// viewBox 867.87 x 164 — proporção ~5.29:1
const height = size;
const width = size * (867.87 / 164);
return (
);
};
window.Icon = Icon;
window.Logo = Logo;