UNPKG

@stokr/components-library

Version:

STOKR - Components Library

55 lines (53 loc) 1.79 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.TransactionDetails4 = exports.TransactionDetails1 = void 0; var _react = _interopRequireDefault(require("react")); var _TransactionDetails = require("./TransactionDetails"); 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/TransactionDetails', component: _TransactionDetails.TransactionDetails, argTypes: { data: [{ label: { type: 'string' } }, { value: { type: 'string', required: true } }], required: true } }; 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(_TransactionDetails.TransactionDetails, args))); const TransactionDetails1 = exports.TransactionDetails1 = Template.bind({}); TransactionDetails1.args = { data: [{ label: 'This is a Label', value: 'This is a value' }] }; const TransactionDetails4 = exports.TransactionDetails4 = Template.bind({}); TransactionDetails4.args = { data: [{ label: 'This is a Label', value: 'This is a value' }, { label: 'This is a Label too', value: 'This is a value too' }, { label: 'This is Label three', value: 'This is value three' }, { label: 'This is Label four', value: 'This is value four' }] }; //doublecheck: // state?