Testimonial Audio Strip

import { TestimonialAudioStrip } from '@/components/ui/testimonial-audio-strip'

'use client'

import { useState } from 'react'
import { TestimonialAudioStrip } from '@/components/ui/testimonial-audio-strip'

export default function TestimonialAudioStripDemo() {
  const [playing, setPlaying] = useState(false)

  return (
    <div className="mx-auto flex max-w-3xl items-center px-4 py-16 sm:px-6 sm:py-20">
      <TestimonialAudioStrip
        episode="Ep. 42, Scaling on-call"
        quote="The first week we stopped paging humans for disk pressure, our night shift went quiet. That silence is the product."
        author="Mara Chen"
        jobTitle="Staff SRE, Northline"
        timestamp="14:32"
        duration="38:05"
        seed={7}
        isPlaying={playing}
        onPlay={() => setPlaying((p) => !p)}
        className="w-full"
      />
    </div>
  )
}