import { a as __rest, _ as __assign } from '../tslib.es6-faad35dc.js';
import { jsx } from 'react/jsx-runtime';
import { styled } from '@mui/material/styles';
import MuiStepper from '@mui/material/Stepper';
import StepConnector from './StepConnector.js';
import '@mui/material/StepConnector';

var StepperBox = styled(MuiStepper)(function (_a) {
    var theme = _a.theme;
    return ({
        padding: theme.spacing(2, 3, 5, 3),
        fontFamily: theme.typography.fontFamilyHeadline,
        backgroundColor: theme.palette.gray.white,
        "& .MuiStepConnector-root": {
            zIndex: 0
        },
        "& .MuiStep-root": {
            paddingBottom: theme.spacing(0)
        }
    });
});
var Stepper = function (_a) {
    var children = _a.children, activeStep = _a.activeStep, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b, rest = __rest(_a, ["children", "activeStep", "orientation"]);
    return (jsx(StepperBox, __assign({ activeStep: activeStep, orientation: orientation, connector: jsx(StepConnector, {}, void 0) }, rest, { children: children }), void 0));
};

export { Stepper as default };
