@vlinderclimate/net-zero-ui/components/Stepper.js

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var jsxRuntime = require('react/jsx-runtime');
var styles = require('@mui/material/styles');
var MuiStepper = require('@mui/material/Stepper');
var components_StepConnector = require('./StepConnector.js');
require('@mui/material/StepConnector');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var MuiStepper__default = /*#__PURE__*/_interopDefaultLegacy(MuiStepper);

var StepperBox = styles.styled(MuiStepper__default["default"])(function (_a) {
    var _b;
    var theme = _a.theme;
    return (_b = {
            padding: 0,
            "& .MuiStep-root": {
                paddingBottom: 0
            },
            "& .MuiStepLabel-root": {
                alignItems: "flex-start",
                padding: theme.spacing(2, 0)
            },
            "& .MuiStep-root:last-of-type .MuiStepLabel-root": {
                "&::after": {
                    display: "none"
                }
            }
        },
        _b[theme.breakpoints.down("sm")] = {
            "& .MuiStepLabel-root": {
                padding: theme.spacing(1, 0)
            }
        },
        _b);
});
var Stepper = function (_a) {
    var children = _a.children, activeStep = _a.activeStep, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b, rest = tslib_es6.__rest(_a, ["children", "activeStep", "orientation"]);
    return (jsxRuntime.jsx(StepperBox, tslib_es6.__assign({ activeStep: activeStep, orientation: orientation, connector: jsxRuntime.jsx(components_StepConnector["default"], {}, void 0) }, rest, { children: children }), void 0));
};

exports["default"] = Stepper;