'use client';

type Props = { height: number };

export function WaveformSkeleton({ height }: Props) {
  return (
    <div
      className="audioplayer-skeleton relative w-full overflow-hidden"
      style={{ height }}
      aria-hidden="true"
    >
      <div className="absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-muted-foreground/30" />
      <div className="absolute inset-0 audioplayer-shimmer" />
    </div>
  );
}