'use client';

import { ReactNode } from 'react';
import { SharedBox, SharedStack, SharedContainer } from '@/components/shared/UIComponents';

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

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