24 lines
732 B
TypeScript
24 lines
732 B
TypeScript
// A small decorative 5-petal blossom — plain flat SVG, no assets, matches the
|
|
// hand-drawn look of ProductMockup.tsx. Purely decorative: aria-hidden, no
|
|
// interactivity needed.
|
|
export default function CherryBlossom({
|
|
className = '',
|
|
size = 32,
|
|
style,
|
|
}: {
|
|
className?: string;
|
|
size?: number;
|
|
style?: React.CSSProperties;
|
|
}) {
|
|
return (
|
|
<svg viewBox="0 0 40 40" width={size} height={size} className={className} style={style} aria-hidden>
|
|
<g fill="#E5227E">
|
|
{[0, 72, 144, 216, 288].map((angle) => (
|
|
<ellipse key={angle} cx="20" cy="11" rx="5.5" ry="8" transform={`rotate(${angle} 20 20)`} />
|
|
))}
|
|
</g>
|
|
<circle cx="20" cy="20" r="2.5" fill="#F5871F" />
|
|
</svg>
|
|
);
|
|
}
|