/** Feuille stylisée au trait, pour le bandeau final. */
export function BotanicalMotif({ className = "" }: { className?: string }) {
  const leaf = (rot: number, len: number, w: number, y: number) => (
    <ellipse
      key={`${rot}-${y}`}
      cx={0}
      cy={-len / 2}
      rx={w}
      ry={len / 2}
      transform={`translate(0 ${y}) rotate(${rot})`}
    />
  );
  return (
    <svg
      className={className}
      viewBox="-80 -10 160 220"
      fill="var(--color-ivory-200)"
      fillOpacity="0.55"
      stroke="var(--color-ivory-200)"
      strokeWidth="1.5"
      aria-hidden="true"
      focusable="false"
    >
      <path d="M0 200 C -8 150, -4 90, 0 10" fill="none" />
      {leaf(-40, 60, 14, 160)}
      {leaf(42, 56, 13, 140)}
      {leaf(-44, 54, 12, 115)}
      {leaf(40, 50, 11, 92)}
      {leaf(-46, 46, 10, 70)}
      {leaf(38, 40, 9, 50)}
      {leaf(-10, 34, 8, 32)}
    </svg>
  );
}