import { AppLayout } from '@/components/AppLayout'

export function SoundsPage() {
  return (
    <AppLayout 
      breadcrumb={{
        items: [
          { label: 'Dashboard', href: '/' },
          { label: 'Sounds' }
        ]
      }}
    >
      <div className="flex-1 rounded-xl bg-muted/50 p-4">
        <h1 className="text-2xl font-bold mb-4">Sounds</h1>
        <p className="text-muted-foreground">
          Sound management interface coming soon...
        </p>
      </div>
    </AppLayout>
  )
}