'use client';

/**
 * Canciones (Songs) — Client Portal songs catalogue page.
 *
 * Displays the user's registered songs using the SongsCatalogue component.
 * Imports song data from the clientPortal mock data.
 *
 * Requirements: 13
 */

import { clientPortal } from '@/lib/mock-data';
import SongsCatalogue from '@/components/portal/SongsCatalogue';
import { useTranslation } from '@/lib/hooks/useTranslation';

export default function SongsPage() {
  const t = useTranslation();

  return (
    <div className="space-y-6">
      <h1 className="text-2xl font-semibold text-divisi-text-primary">
        {t.portal.canciones}
      </h1>

      <SongsCatalogue songs={clientPortal.songs} />
    </div>
  );
}