import React from 'react';
import { MediaPageClient } from '@/client-wrapper/MediaPageClient';

export default async function TracksMediaPage() {
  const assets = [
    { id: 'tr1', src: '/media/tracks/track-1/image', title: 'Track Image 1', category: 'tracks', dimensions: '1920x1080' },
    { id: 'tr2', src: '/media/tracks/track-2/image', title: 'Track Image 2', category: 'tracks', dimensions: '1920x1080' },
  ];

  const categories = [
    { label: 'Tracks', value: 'tracks' },
  ];

  return (
    <MediaPageClient 
      viewData={{
        assets,
        categories,
        title: 'Track Media',
        description: 'Manage track images'
      }} 
    />
  );
}