@stokr/components-library
Version:
STOKR - Components Library
83 lines (82 loc) • 2.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.AccountBalanceRight = exports.AccountBalanceOverview = exports.AccountBalanceExample = void 0;
var _react = _interopRequireDefault(require("react"));
var _AccountBalance = _interopRequireDefault(require("./AccountBalance"));
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/Account Balance',
component: _AccountBalance.default,
argTypes: {
title: {
type: 'string',
defaultValue: '',
required: true
},
value: {
type: 'string',
defaultValue: '',
required: true
},
unit: {
type: 'string',
defaultValue: '',
required: true
},
eqValue: {
type: 'string'
},
eqUnit: {
type: 'string'
},
info: {
type: 'string',
defaultValue: ''
},
half: {
type: 'boolean',
defaultValue: false
},
right: {
type: 'boolean',
defaultValue: false
},
border: {
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(_AccountBalance.default, args)));
const AccountBalanceOverview = exports.AccountBalanceOverview = Template.bind({});
AccountBalanceOverview.args = {
title: 'Account Balance Title',
value: ' some Value ',
unit: ' A Unit ',
info: 'Info Tooltip',
eqValue: ' eqValue ',
eqUnit: ' eqUnit '
};
const AccountBalanceExample = exports.AccountBalanceExample = Template.bind({});
AccountBalanceExample.args = {
title: 'Account Balance Title',
value: '42',
unit: '€',
info: 'Information',
eqValue: '47,34',
eqUnit: '$'
};
const AccountBalanceRight = exports.AccountBalanceRight = Template.bind({});
AccountBalanceRight.args = {
title: 'Account Balance Title',
value: '42',
unit: '€',
info: 'Information',
eqValue: '47,34',
eqUnit: '$',
right: true
};