/* muimui shop · svg icon library — no emoji anywhere */
/* every icon takes { size, color, stroke } props */
const Icon = ({ children, size = 16, color = 'currentColor', viewBox = '0 0 24 24', style }) => (
);
const Heart = ({ size = 14, color = '#FF8FB1', filled = true, style }) => (
);
const HeartOutline = (props) => ;
const Sparkle = ({ size = 14, color = '#FF8FB1', style }) => (
);
const SparkleSmall = ({ size = 8, color = '#FF8FB1', style }) => (
);
const Flower = ({ size = 18, color = '#FF8FB1', center = '#FBF6F0', style }) => (
);
const PixelStar = ({ size = 10, color = '#FF8FB1', style }) => (
);
const Palette = ({ size = 18, color = '#C8758B', style }) => (
);
const CharacterFigure = ({ size = 18, color = '#C8758B', style }) => (
);
const Cube = ({ size = 18, color = '#C8758B', style }) => (
);
const Camera = ({ size = 18, color = '#C8758B', style }) => (
);
const Mail = ({ size = 18, color = '#C8758B', style }) => (
);
const Pencil = ({ size = 18, color = '#C8758B', style }) => (
);
const Lightbulb = ({ size = 18, color = '#C8758B', style }) => (
);
const Clipboard = ({ size = 18, color = '#C8758B', style }) => (
);
const Clock = ({ size = 16, color = '#C8758B', style }) => (
);
const LockHeart = ({ size = 64, color = '#C8758B', fill = '#FF8FB1', style }) => (
);
const ChevronDown = ({ size = 14, color = 'currentColor', style }) => (
);
const Check = ({ size = 14, color = '#7BA888', style }) => (
);
const Cross = ({ size = 14, color = '#D88080', style }) => (
);
const Spinner = ({ size = 14, color = '#B8A8E8', style }) => (
);
const Warning = ({ size = 14, color = '#D9A040', style }) => (
);
const ArrowLeft = ({ size = 14, color = 'currentColor', style }) => (
);
const ArrowRight = ({ size = 14, color = 'currentColor', style }) => (
);
const ExternalLink = ({ size = 14, color = 'currentColor', style }) => (
);
const InfoCircle = ({ size = 16, color = '#C8758B', style }) => (
);
const Download = ({ size = 14, color = 'currentColor', style }) => (
);
const CheckCircle = ({ size = 32, color = '#7BA888', fill = '#E2EDDF', style }) => (
);
const Eye = ({ size = 16, color = '#C8758B', style }) => (
);
const EyeOff = ({ size = 16, color = '#C8758B', style }) => (
);
const Grip = ({ size = 16, color = '#A88795', style }) => (
);
const Trash = ({ size = 14, color = '#D88080', style }) => (
);
const Plus = ({ size = 14, color = 'currentColor', style }) => (
);
const Minus = ({ size = 14, color = 'currentColor', style }) => (
);
const SafetyPin = ({ size = 22, color = '#C8758B', style }) => (
);
/* heart-shape css-style checkbox built as svg, takes checked state */
const HeartCheckSvg = ({ checked, size = 22 }) => (
);
/* loose scatter of pixel stars & sparkles */
const StarScatter = ({ count = 7, style }) => {
const items = [
{ x: '8%', y: '18%', s: 8, c: '#FF8FB1' },
{ x: '22%', y: '62%', s: 6, c: '#E8A8B8' },
{ x: '38%', y: '12%', s: 10, c: '#B8A8E8' },
{ x: '54%', y: '78%', s: 7, c: '#FFD580' },
{ x: '70%', y: '28%', s: 9, c: '#FF8FB1' },
{ x: '84%', y: '64%', s: 6, c: '#A8D8B8' },
{ x: '92%', y: '12%', s: 8, c: '#E8A8B8' },
].slice(0, count);
return (
{items.map((it, i) => (
))}