import { Card, CardContent } from '@mui/material';

import CustomStepper, { type CustomStepperProps } from './CustomStepper';

/**
 * @deprecated Use HuStepper instead
 */
const SiteStepper = (props: CustomStepperProps) => (
  <Card
    variant="outlined"
    elevation={0}
    sx={{ width: '20%', alignSelf: 'flex-start', pr: 0 }}
  >
    <CardContent>
      <CustomStepper {...props} />
    </CardContent>
  </Card>
);

export default SiteStepper;