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