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

export default async function LeaguesMediaPage() {
  const assets = [
    { id: 'l1', src: '/media/leagues/league-1/logo', title: 'League Logo 1', category: 'leagues', dimensions: '1024x1024' },
    { id: 'l1c', src: '/media/leagues/league-1/cover', title: 'League Cover 1', category: 'leagues', dimensions: '1920x400' },
  ];

  const categories = [
    { label: 'Leagues', value: 'leagues' },
  ];

  return (
    <MediaPageClient 
      viewData={{
        assets,
        categories,
        title: 'League Media',
        description: 'Manage league logos and covers'
      }} 
    />
  );
}