import React from 'react';
import { UnifiedOnboardingWizard } from '../../components/domain/onboarding';
import { PublicLayout } from '../../components/layout';

const OnboardingPage: React.FC = () => {
  return (
    <PublicLayout
      variant="full-width"
      maxWidth="full"
      headerProps={{
        showThemeToggle: true,
        showAuthButtons: false,
        showLanguageSelector: true,
        variant: "minimal"
      }}
    >
      <div className="min-h-screen bg-[var(--bg-primary)] py-4 md:py-8">
        <div className="container mx-auto px-2 sm:px-4">
          <UnifiedOnboardingWizard />
        </div>
      </div>
    </PublicLayout>
  );
};

export default OnboardingPage;