monday-ui-react-core/dist/esm/src/components/Steps/StepsHeader.js

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

import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{StepsColor as i,StepsType as a,FINISH_TEXT as c}from"./StepsConstants.js";import p from"../Button/Button.js";import m from"./StepsHeader.module.scss.js";var l=function(l){var u=l.activeStepIndex,d=l.onChangeActiveStep,v=l.stepsCount,S=l.areNavigationButtonsHidden,f=l.backButtonProps,C=l.nextButtonProps,h=l.finishButtonProps,x=l.areButtonsIconsHidden,I=l.color,g=void 0===I?i.PRIMARY:I,j=l.onFinish,B=l.className,E=l.type===a.GALLERY?r:s,H=t((function(){if(j)return u===v-1}),[u,j,v]);return e.createElement("div",{className:o(m.header,B)},S?null:e.createElement(n,{isNext:!1,isIconHidden:x,onChangeActiveStep:d,activeStepIndex:u,stepsCount:v,buttonProps:f,color:g}),e.createElement(E,{activeStepIndex:u,stepsCount:v,onChangeActiveStep:d,color:g}),S?null:e.createElement(e.Fragment,null,H?e.createElement(p,Object.assign({onClick:j,color:g},h),(null==h?void 0:h.children)||c):e.createElement(n,{isNext:!0,isIconHidden:x,activeStepIndex:u,onChangeActiveStep:d,stepsCount:v,buttonProps:C,color:g})))};export{l as StepsHeader};
//# sourceMappingURL=StepsHeader.js.map