"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MixinsStackee = exports.MixinsSpacing = exports.FontSizes = exports.Default = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _head = require("./head.component");

var _marginChecker = require("../../../mixins/spacing/story-support/margin-checker");

var _paddingChecker = require("../../../mixins/spacing/story-support/padding-checker");

var _stackeeChecker = require("../../../mixins/stackee/story-support/stackee-checker");

var _head2 = _interopRequireDefault(require("./head.mdx"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _default = {
  component: _head.Head1,
  title: '2 - System/Typography/Headings/Head',
  parameters: {
    docs: {
      page: _head2["default"]
    }
  }
};
exports["default"] = _default;

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_head.Head1, null, "Head 1"), /*#__PURE__*/_react["default"].createElement(_head.Head2, null, "Head 2"), /*#__PURE__*/_react["default"].createElement(_head.Head3, null, "Head 3"), /*#__PURE__*/_react["default"].createElement(_head.Head4, null, "Head 4"), /*#__PURE__*/_react["default"].createElement(_head.Head5, null, "Head 5"));
};

exports.Default = Default;

var FontSizes = function FontSizes() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f7"
  }, "Head 1 - f7"), /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f6"
  }, "Head 1 - f6"), /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f5"
  }, "Head 1 - f5"), /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f4"
  }, "Head 1 - f4"), /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f3"
  }, "Head 1 - f3"), /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f2"
  }, "Head 1 - f2"), /*#__PURE__*/_react["default"].createElement(_head.Head1, {
    fontSize: "f1"
  }, "Head 1 - f1"));
};

exports.FontSizes = FontSizes;

var MixinsSpacing = function MixinsSpacing() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, {
    Component: _head.Head1,
    fontSize: "f2"
  }, "Head 2 f2"), /*#__PURE__*/_react["default"].createElement(_paddingChecker.PaddingChecker, {
    Component: _head.Head1,
    fontSize: "f2"
  }, "Head 2 f2"));
};

exports.MixinsSpacing = MixinsSpacing;

var MixinsStackee = function MixinsStackee() {
  return /*#__PURE__*/_react["default"].createElement(_stackeeChecker.StackeeChecker, {
    Component: _head.Head1,
    fontSize: "f2"
  }, "Head 2 f2");
};

exports.MixinsStackee = MixinsStackee;