@legion-ui-kit/react-core/dist/esm/components/Stepper/Step.js

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"classnames";import i from"./styles/Step.module.scss.js";import o from"../Icon/index.js";import{STEP_DEFAULT_PROPS as l,STEPPER_STATUS as a}from"./Stepper.constant.js";const r=r=>{const{className:c,description:n,descriptionClassName:m,descriptionStyle:p,indicator:d,indicatorClassName:y,indicatorStyle:N,labelClassName:u,labelStyle:S,orientation:f=l.orientation,position:h=l.position,status:b,textPosition:x=l.textPosition,title:C,titleClassName:j,titleStyle:v,...g}=r,k=b===a.complete,P=s(i.legion_step,c,i[h],i[f],i[x],i[b]),_=s(i.indicator,y),I=s(i.label_section,u),q=s(i.description,m),w=s(i.title,j);return e("div",{className:P,...g,children:[t("div",{className:_,style:N,children:k?t(o,{icon:"check",style:{backgroundColor:"var(--stepper-color-success-indicator-label)"}}):d}),e("div",{className:I,style:S,children:[t("p",{className:w,style:v,children:C}),t("p",{className:q,style:p,children:n})]})]})};r.displayName="Step";export{r as default};
//# sourceMappingURL=Step.js.map