'use client';

import { ReactNode } from 'react';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
import { Container } from '@/ui/Container';

interface CreateLeagueWizardLayoutProps {
  children: ReactNode;
  header: ReactNode;
  progress: ReactNode;
  navigation: ReactNode;
  footer: ReactNode;
}

export function CreateLeagueWizardLayout({ children, header, progress, navigation, footer }: CreateLeagueWizardLayoutProps) {
  return (
    <Box as="main" maxWidth="4xl" mx="auto" pb={8}>
      {header}
      {progress}
      {children}
      {navigation}
      {footer}
    </Box>
  );
}