@stokr/components-library
Version:
STOKR - Components Library
66 lines (65 loc) • 1.98 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.ProfileStatOverview = exports.ProfileStatExample = exports.ProfileStatBorderID = void 0;
var _react = _interopRequireDefault(require("react"));
var _ProfileStat = require("./ProfileStat");
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/Profile Stat',
component: _ProfileStat.ProfileStat,
argTypes: {
label: {
type: 'string',
required: true
},
value: {
type: 'string',
required: true
},
unit: {
type: 'string'
},
eqUnit: {
type: 'string',
defaultValue: ''
},
eqValue: {
type: 'string',
defaultValue: ''
},
withBorder: {
type: 'boolean',
defaultValue: false
}
}
};
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(_ProfileStat.ProfileStat, args)));
const ProfileStatExample = exports.ProfileStatExample = Template.bind({});
ProfileStatExample.args = {
label: 'A Label',
value: '44',
unit: '$',
eqUnit: '€',
eqValue: '37,50'
};
const ProfileStatBorderID = exports.ProfileStatBorderID = Template.bind({});
ProfileStatBorderID.args = {
label: 'A Label',
value: '44',
unit: '$',
eqUnit: '€',
eqValue: '37,50',
withBorder: true
};
const ProfileStatOverview = exports.ProfileStatOverview = Template.bind({});
ProfileStatOverview.args = {
label: 'A Label',
value: 'Value',
unit: 'Unit',
eqUnit: 'eq-Unit',
eqValue: 'eq-Value'
};