// 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>
  );
}