@stakefish/ui/components/StepConnector.js

<div align="center"> <a href="https://www.npmjs.com/package/@stakefish/ui"><img src="https://gateway.pinata.cloud/ipfs/QmbZL1ceA8Yiz2pKALTg919jYx141DPUGegC9L4XpyayW5" width="300" /></a> </div>

import { styled } from '@mui/material/styles';
import MuiStepConnector from '@mui/material/StepConnector';

var StepConnector = styled(MuiStepConnector)(function (_a) {
    var theme = _a.theme;
    return ({
        "&.MuiStepConnector-vertical": {
            height: "35px",
            marginTop: theme.spacing(-1),
            marginBottom: theme.spacing(-1)
        },
        "& .MuiStepConnector-line": {
            borderColor: theme.palette.gray[100],
            borderLeftWidth: 3
        },
        "& .MuiStepConnector-lineVertical": {
            borderLeftWidth: 3,
            position: "relative",
            height: "100%",
            margin: theme.spacing(0, 0, 0, 1.5)
        }
    });
});

export { StepConnector as default };