import apollo_core from "@uipath/apollo-core";
const stepperCircle = {
    originalSize: 24,
    size: 28,
    fontSize: 12,
    scaleFactor: 1
};
stepperCircle.scaleFactor = stepperCircle.size / stepperCircle.originalSize;
const MuiStepper = (palette)=>({
        root: {
            cursor: 'default',
            userSelect: 'none',
            '.MuiStepConnector-line': {
                borderColor: palette.semantic.colorBorderDeEmp
            }
        },
        vertical: {
            '.MuiStepLabel-root': {
                padding: '0px'
            },
            '.MuiStepConnector-root': {
                marginLeft: `${stepperCircle.size / 2}px !important`
            },
            '.MuiStepConnector-line': {
                minHeight: '16px'
            }
        }
    });
const MuiStep = (palette)=>({
        root: {
            '.MuiStepIcon-root': {
                color: palette.semantic.colorForegroundDeEmp,
                fontSize: `${stepperCircle.size}px`,
                '.MuiStepIcon-text': {
                    ...apollo_core.Typography.fontSizeSBold,
                    fill: palette.semantic.colorBackgroundDisabled,
                    fontSize: `${stepperCircle.fontSize / stepperCircle.scaleFactor}px`
                },
                '&.Mui-active, &.Mui-completed': {
                    color: palette.semantic.colorPrimary,
                    '.MuiStepIcon-text': {
                        fill: palette.semantic.colorBackground
                    }
                }
            },
            '.MuiStepLabel-iconContainer': {
                paddingRight: '12px'
            },
            '.MuiStepLabel-label': {
                ...apollo_core.Typography.fontSizeM,
                color: palette.semantic.colorForegroundEmp,
                '&.Mui-active, &.Mui-completed': {
                    ...apollo_core.Typography.fontSizeMBold,
                    color: palette.semantic.colorForegroundEmp
                }
            },
            '.MuiStepButton-root': {
                '&.Mui-disabled': {
                    cursor: 'inherit'
                }
            }
        }
    });
export { MuiStep, MuiStepper };
