"use client";

import { useEffect, useState, type CSSProperties } from "react";

type WaveStripProps = {
  className?: string;
  height?: number;
};

export function WaveStrip({ className, height = 64 }: WaveStripProps) {
  const [reduceMotion, setReduceMotion] = useState(false);

  useEffect(() => {
    const media = window.matchMedia("(prefers-reduced-motion: reduce)");
    const sync = () => setReduceMotion(media.matches);
    sync();
    media.addEventListener("change", sync);
    return () => media.removeEventListener("change", sync);
  }, []);