@lunit/oui/dist/components/Stepper/Stepper.js

Lunit Oncology UI components

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChipContainer, StepperChip, StepperContainer, StepperTypography } from './Stepper.styled';
const Stepper = ({ step, title, disabled = false, sx }) => {
    return (_jsxs(StepperContainer, { sx: sx, children: [_jsx(ChipContainer, { children: _jsx(StepperChip, { label: `STEP ${step}`, disabled: disabled }) }), _jsx(StepperTypography, { variant: "h7", disabled: disabled, children: title })] }));
};
export default Stepper;