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

export default async function AvatarsPage() {
  const assets = [
    { id: '1', src: '/media/avatar/driver-1', title: 'Driver Avatar 1', category: 'avatars', dimensions: '512x512' },
    { id: '2', src: '/media/avatar/driver-2', title: 'Driver Avatar 2', category: 'avatars', dimensions: '512x512' },
  ];

  const categories = [
    { label: 'Avatars', value: 'avatars' },
  ];

  return (
    <MediaPageClient 
      viewData={{
        assets,
        categories,
        title: 'Avatars',
        description: 'Choose your driver avatar'
      }} 
    />
  );
}