@legion-ui-kit/react-core
Version:
To install the package into your project:
3 lines (2 loc) • 1.33 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("classnames"),s=require("./styles/Step.module.scss.cjs"),l=require("../Icon/index.cjs"),a=require("./Stepper.constant.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var r=i(t);const c=t=>{const{className:i,description:c,descriptionClassName:d,descriptionStyle:o,indicator:n,indicatorClassName:u,indicatorStyle:p,labelClassName:f,labelStyle:S,orientation:m=a.STEP_DEFAULT_PROPS.orientation,position:P=a.STEP_DEFAULT_PROPS.position,status:_,textPosition:x=a.STEP_DEFAULT_PROPS.textPosition,title:y,titleClassName:j,titleStyle:N,...T}=t,E=_===a.STEPPER_STATUS.complete,v=r.default(s.default.legion_step,i,s.default[P],s.default[m],s.default[x],s.default[_]),b=r.default(s.default.indicator,u),h=r.default(s.default.label_section,f),q=r.default(s.default.description,d),C=r.default(s.default.title,j);return e.jsxs("div",{className:v,...T,children:[e.jsx("div",{className:b,style:p,children:E?e.jsx(l.default,{icon:"check",style:{backgroundColor:"var(--stepper-color-success-indicator-label)"}}):n}),e.jsxs("div",{className:h,style:S,children:[e.jsx("p",{className:C,style:N,children:y}),e.jsx("p",{className:q,style:o,children:c})]})]})};c.displayName="Step",exports.default=c;
//# sourceMappingURL=Step.cjs.map