import { Surface } from '@/ui/Surface';

interface OnboardingStepPanelProps {
  children: React.ReactNode;
  className?: string;
}

export function OnboardingStepPanel({ children, className = '' }: OnboardingStepPanelProps) {
  return (
    <Surface
      variant="dark"
      rounded="xl"
      border
      padding={6}
      className={`border-charcoal-outline ${className}`}
    >
      {children}
    </Surface>
  );
}