@stokr/components-library/dist/components/Text/Headline.stories.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.headline = exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Headline = _interopRequireDefault(require("./Headline"));
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/Headline',
  component: _Headline.default,
  argTypes: {
    h1: {
      type: 'style'
    }
  }
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Headline.default, args));
const headline = exports.headline = Template.bind({});
headline.args = {};

//doublecheck:

//maybe its only style and I don't need it
//
//maybe only Text.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?

//Basically make all the headline options here,
//controlled styles for h1-5 etc
//and then import the story into where headlines are used?
//or just don't make it and only use it where used