@guruhotel/aura-ui
Version:
⚛️ React UI library by GuruHotel
1 lines • 996 B
JavaScript
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.StepLabel=void 0;e(require("react"));var t=require("../../../text"),s=require("../../context/index"),i=require("./step-label.styles"),r=require("react/jsx-runtime");const n=["xs","sm","md","lg"];exports.StepLabel=({isCurrentStep:e,opacity:l,label:a,description:o,optional:c,optionalLabel:p})=>{const{isLabelVertical:u,css:x,size:d}=(0,s.useStepsContext)(),b=`$${n[n.indexOf(d)]}`;let m=`$${n[n.indexOf(d)-1]}`;"$md"===m&&(m="$sm");const S=!!c&&!!p;return!!a||!!o?(0,r.jsxs)(i.StepLabelContainer,{isLabelVertical:u,"aria-current":e?"step":void 0,children:[!!a&&(0,r.jsxs)(t.Text,{as:"span",css:{...null==x?void 0:x.label,opacity:l,fontWeight:"$medium",fontSize:b},children:[a,S&&(0,r.jsxs)(r.Fragment,{children:[" ",(0,r.jsxs)(t.Text,{as:"span",css:{fontSize:m},children:["(",p,")"]})]})]}),!!o&&(0,r.jsx)(t.Text,{as:"span",css:{...null==x?void 0:x.description,opacity:l,fontSize:m},children:o})]}):null};