/**
 * Transition décorative en deux vagues superposées (ivoire puis bleu pâle),
 * comme au bas du hero de la capture.
 */
export function WaveDivider({ className = "" }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 1440 160"
      preserveAspectRatio="none"
      aria-hidden="true"
      focusable="false"
    >
      <path
        d="M0 70 C 180 20, 300 20, 480 60 S 820 150, 1040 110 S 1340 60, 1440 40 L1440 160 L0 160 Z"
        fill="var(--color-ivory-200)"
      />
      <path
        d="M0 110 C 160 70, 340 60, 520 90 S 880 160, 1100 125 S 1360 70, 1440 90 L1440 160 L0 160 Z"
        fill="var(--color-pale-300)"
      />
      <path
        d="M0 150 C 240 120, 480 115, 720 135 S 1200 160, 1440 145 L1440 160 L0 160 Z"
        fill="var(--color-ivory-50)"
      />
    </svg>
  );
}