@stokr/components-library
Version:
STOKR - Components Library
52 lines (51 loc) • 1.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.InvestmentStatOverview = exports.InvestmentStatBlueTooltip = void 0;
var _react = _interopRequireDefault(require("react"));
var _InvestmentStat = _interopRequireDefault(require("./InvestmentStat"));
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/InvestmentStat',
component: _InvestmentStat.default,
argTypes: {
title: {
type: 'string',
defaultValue: '',
required: true
},
content: {
type: 'string',
defaultValue: '',
required: true
},
state: {
type: 'string',
defaultValue: ''
},
tooltip: {
type: 'string',
defaultValue: ''
},
primaryBg: {
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(_InvestmentStat.default, args)));
const InvestmentStatOverview = exports.InvestmentStatOverview = Template.bind({});
InvestmentStatOverview.args = {
title: 'Investment Stat Title',
content: 'some Content'
};
const InvestmentStatBlueTooltip = exports.InvestmentStatBlueTooltip = Template.bind({});
InvestmentStatBlueTooltip.args = {
title: 'Investment Stat Title',
content: 'some Content',
primaryBg: true,
tooltip: 'information'
};