'use client';

import React from 'react';
import { MediaGallery } from '@/components/media/MediaGallery';
import { Container } from '@/ui/Container';
import { Box } from '@/ui/Box';
import { MediaViewData } from '@/lib/view-data/MediaViewData';

export function MediaTemplate(viewData: MediaViewData) {
  const { assets, categories, title, description } = viewData;
  
  return (
    <Container py={8}>
      <Box display="flex" flexDirection="col" gap={8}>
        <MediaGallery
          assets={assets}
          categories={categories}
          title={title}
          description={description}
        />
      </Box>
    </Container>
  );
}