import React, { ReactNode } from 'react';
import { Surface } from './primitives/Surface';

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

export function OnboardingStepPanel({ children, className = '' }: OnboardingStepPanelProps) {
  return (
    <Surface
      variant="muted"
      rounded="2xl"
      border
      p={6}
      borderColor="border-charcoal-outline"
      className={className}
    >
      {children}
    </Surface>
  );
}