@akshay641/react-step-progress-bar/dist/index.modern.mjs.map

A customizable React stepper progress component.

{"version":3,"file":"index.modern.mjs","sources":["../src/Stepper.js"],"sourcesContent":["import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n/**\r\n * @param {Object} props\r\n * @param {number} props.totalSteps\r\n * @param {number} props.currentStep\r\n * @param {string} [props.activeColor=\"#0E66CE\"]\r\n * @param {string} [props.inactiveColor=\"gray\"]\r\n * @param {string} [props.height=\"4px\"]\r\n * @param {string} [props.margin=\"0 0.5rem\"]\r\n * @param {string} [props.borderRadius=\"9px\"]\r\n * @param {string} [props.className=\"\"]\r\n */\r\nconst Stepper = ({\r\n  totalSteps,\r\n  currentStep,\r\n  activeColor = \"#0E66CE\",\r\n  inactiveColor = \"gray\",\r\n  height = \"4px\",\r\n  margin = \"0 0.5rem\",\r\n  borderRadius = \"9px\",\r\n  className = \"\",\r\n}) => {\r\n  const steps = Array.from({ length: totalSteps });\r\n\r\n  return (\r\n    <div className={`flex items-center justify-between mb-4 ${className}`}>\r\n      {steps.map((_, index) => (\r\n        <div\r\n          key={index}\r\n          style={{\r\n            height,\r\n            flex: 1,\r\n            margin,\r\n            borderRadius,\r\n            backgroundColor: index <= currentStep ? activeColor : inactiveColor,\r\n          }}\r\n        ></div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepper.propTypes = {\r\n  totalSteps: PropTypes.number.isRequired,\r\n  currentStep: PropTypes.number.isRequired,\r\n  activeColor: PropTypes.string,\r\n  inactiveColor: PropTypes.string,\r\n  height: PropTypes.string,\r\n  margin: PropTypes.string,\r\n  borderRadius: PropTypes.string,\r\n  className: PropTypes.string,\r\n};\r\n\r\nexport default Stepper;\r\n"],"names":["Stepper","totalSteps","currentStep","activeColor","inactiveColor","height","margin","borderRadius","className","steps","Array","from","length","h","map","_","index","key","style","flex","backgroundColor","propTypes","PropTypes","number","isRequired","string"],"mappings":"wCAcM,MAAAA,EAAUA,EACdC,aACAC,cACAC,YAAAA,EAAc,UACdC,cAAAA,EAAgB,OAChBC,OAAAA,EAAS,MACTC,OAAAA,EAAS,WACTC,aAAAA,EAAe,MACfC,UAAAA,EAAY,OAEZ,MAAMC,EAAQC,MAAMC,KAAK,CAAEC,OAAQX,IAEnC,OACEY,EAAA,MAAA,CAAKL,UAAW,0CAA0CA,KACvDC,EAAMK,IAAI,CAACC,EAAGC,IACbH,EAAA,MAAA,CACEI,IAAKD,EACLE,MAAO,CACLb,OAAAA,EACAc,KAAM,EACNb,OAAAA,EACAC,aAAAA,EACAa,gBAAiBJ,GAASd,EAAcC,EAAcC,MAIzD,EAITJ,EAAQqB,UAAY,CAClBpB,WAAYqB,EAAUC,OAAOC,WAC7BtB,YAAaoB,EAAUC,OAAOC,WAC9BrB,YAAamB,EAAUG,OACvBrB,cAAekB,EAAUG,OACzBpB,OAAQiB,EAAUG,OAClBnB,OAAQgB,EAAUG,OAClBlB,aAAce,EAAUG,OACxBjB,UAAWc,EAAUG"}