@polygon.io/core
Version:
A set of themeable UI components for React
1 lines • 1.41 kB
JavaScript
;var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireDefault(require("styled-components")),__jsx=_react["default"].createElement,Wrapper=_styledComponents["default"].div.withConfig({displayName:"StepIndicator__Wrapper",componentId:"sc-14o2o3w-0"})(["display:flex;flex-direction:row;flex-wrap:wrap;"]),Indicator=_styledComponents["default"].span.withConfig({displayName:"StepIndicator__Indicator",componentId:"sc-14o2o3w-1"})(["background-color:",";width:",";height:",";margin:",";border-radius:",";"],function(a){var b=a.theme,c=a.step,d=a.active;return d===c?b.color.indicator.active:c<d?b.color.indicator.completed:b.color.indicator.incomplete},function(a){var b=a.theme;return b.spacing.s3},function(a){var b=a.theme;return b.spacing.s1},function(a){var b=a.theme;return"calc(".concat(b.spacing.s1," / 2);")},function(a){var b=a.theme;return b.radius}),StepIndicator=function(a){var b=a.steps,c=a.active;c>b&&console.warn("<StepIndicator /> - Active step is outside range of steps");var d=Array.from({length:b},function(a,b){return{step:b+1}});return __jsx(Wrapper,null,d.map(function(a){return __jsx(Indicator,{key:a.step,step:a.step,active:c})}))},_default=StepIndicator;exports["default"]=_default;