export default function CurvedDividerExact({
    fill = "#ffffff",
    edge = "rgba(0,0,0,.14)", // subtle edge like your ref
    className = "",
  }: {
    fill?: string;
    edge?: string;
    className?: string;
  }) {
    return (
      <svg
        viewBox="0 0 1440 240"
        preserveAspectRatio="none"
        className={`pointer-events-none absolute bottom-0 left-0 w-full h-24 sm:h-32 lg:h-40 ${className}`}
        aria-hidden="true"
      >
        {/* white shape that cuts the blue area */}
        <path
          d="
            M0,110
            C 360,95 800,150 1080,160
            C 1280,168 1385,112 1440,88
            L1440,240 L0,240 Z
          "
          fill={fill}
        />
  
        {/* soft edge along the curve (optional) */}
        <path
          d="
            M0,110
            C 360,95 800,150 1080,160
            C 1280,168 1385,112 1440,88
          "
          fill="none"
          stroke={edge}
          strokeWidth="8"
          opacity="0.9"
        />
      </svg>
    );
  }