UNPKG

monday-ui-react-core

Version:

Official monday.com UI resources for application development in React.js

3 lines (2 loc) 566 B
import t from"classnames";import o,{useMemo as r}from"react";import e from"../Text/Text.js";import s from"./StepsNumbersHeader.module.scss.js";import{StepsColor as c}from"./StepsConstants.js";var m=function(m){var n=m.activeStepIndex,a=m.stepsCount,p=m.color,i=r((function(){return p===c.PRIMARY?p:p===c.ON_INVERTED_BACKGROUND?e.colors.ON_INVERTED:e.colors.ON_PRIMARY}),[p]);return o.createElement(e,{type:e.types.TEXT2,color:i,className:t(s.numbers)},"".concat(n+1," \\ ").concat(a))};export{m as StepsNumbersHeader}; //# sourceMappingURL=StepsNumbersHeader.js.map