retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 1.07 kB
JavaScript
import{__rest as e}from"../../_virtual/_tslib.js";import s,{forwardRef as t}from"react";import{jsx as i,jsxs as a}from"../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js";import{classNames as r}from"../../utils/classNames.js";import o from"../../constants/commonClassNames.js";import{StepWrapper as m,Step as c,StepLabel as l,StepConnector as n,StepperWrapper as d}from"./Stepper.styled.js";const p=t(((t,p)=>{var{id:v,className:h,activeStep:j,steps:u,variant:$="default",showLabels:f=!0,sx:b={}}=t,x=e(t,["id","className","activeStep","steps","variant","showLabels","sx"]);return i(d,Object.assign({id:v,ref:p,sx:b,className:r("stepper-root",h,o)},x,{children:u.map(((e,t)=>a(s.Fragment,{children:[a(m,{children:[i(c,Object.assign({$active:t===j,$completed:t<j,$variant:$},{children:t<j?"":t+1}),void 0),f&&i(l,Object.assign({$active:t===j,$completed:t<j,$variant:$,title:e},{children:e}),void 0)]},void 0),t<u.length-1&&i(n,{$showLabels:f,$variant:$,$completed:t<j},void 0)]},t)))}),void 0)}));p.displayName="Stepper";export{p as Stepper};