@stokr/components-library
Version:
STOKR - Components Library
67 lines (66 loc) • 2.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.MPBarMin30 = exports.MPBarMax70Fill65 = exports.MPBarAllparts = void 0;
var _react = _interopRequireDefault(require("react"));
var _MultiProgressBar = _interopRequireDefault(require("./MultiProgressBar"));
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
title: 'Components Library/Multi Progress Bar',
component: _MultiProgressBar.default,
argTypes: {
backParts: {
type: 'array of shape',
defaultValue: [{
value: 0
}, {
label: ''
}]
},
fillParts: {
type: 'array of shape',
defaultValue: [{
value: 0
}, {
label: ''
}]
},
fill: {
type: 'number',
defaultValue: 0
}
}
}; // backpart: minumum fill
// fillparts: maximum fill
// fill: fill between min and max
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_MultiProgressBar.default, args)));
const MPBarMin30 = exports.MPBarMin30 = Template.bind({});
MPBarMin30.args = {
backParts: [{
value: 30,
label: 'backparts - minumum fill'
}]
};
const MPBarMax70Fill65 = exports.MPBarMax70Fill65 = Template.bind({});
MPBarMax70Fill65.args = {
fillParts: [{
value: 70,
label: 'fillparts - maximum fill'
}],
fill: 65
};
const MPBarAllparts = exports.MPBarAllparts = Template.bind({});
MPBarAllparts.args = {
backParts: [{
value: 7,
label: 'backparts - minumum fill'
}],
fillParts: [{
value: 60,
label: 'fillparts - maximum fill'
}],
fill: 50
};