@stokr/components-library
Version:
STOKR - Components Library
70 lines (67 loc) • 1.67 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.headline = exports.default = exports.caption = void 0;
var _react = _interopRequireDefault(require("react"));
var _Text = _interopRequireDefault(require("./Text.styles"));
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
title: 'Components Library/Text',
component: _Text.default,
argTypes: {
h1: {
type: 'style'
},
h2: {
type: 'style'
},
h3: {
type: 'style'
},
h4: {
type: 'style'
},
h5: {
type: 'style'
},
p: {
type: 'style'
},
a: {
type: 'style'
},
ul: {
type: 'style'
},
li: {
type: 'style'
}
}
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Text.default, args));
const headline = exports.headline = Template.bind({});
headline.args = {
children: 'hahha',
as: 'h1'
};
const caption = exports.caption = Template.bind({});
caption.args = {};
//doublecheck:
//maybe its only style and I don't need it
//
//maybe only StyledText.stories.js?
//
//put css into template?
// export default {
// title: 'Components Library/Headline',
// component: Headline,
// argTypes: {
// headline: { type: 'string', defaultValue: 'HEADLINE' },
// style: {
// defaultValue: { marginBottom: 10 },
// },
// },
// }
//Helpers?