"use strict";

var _core = require("@emotion/core");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _react3 = require("@storybook/react");

var _addonActions = require("@storybook/addon-actions");

var _md = require("react-icons/md");

var _addonKnobs = require("@storybook/addon-knobs");

var _storybook = require("../../../utils/storybook");

var _Heading = require("./Heading");

var _Heading2 = _interopRequireDefault(_Heading);

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

/** @jsx jsx */
(0, _react3.storiesOf)("core/Heading", module).addParameters({
  options: {
    showPanel: true
  }
}).add("redered 'as'", function () {
  return (0, _core.jsx)(_storybook.StoryUtils.Container, null, (0, _core.jsx)(_storybook.StoryUtils.Stack, null, (0, _core.jsx)(_Heading2["default"], {
    as: "h1"
  }, "Heading rendered as <h1> tag"), (0, _core.jsx)(_Heading2["default"], null, "Heading rendered as <h2> tag ", (0, _core.jsx)(_storybook.StoryUtils.Default, null)), (0, _core.jsx)(_Heading2["default"], {
    as: "h3"
  }, "Heading rendered as <h3> tag"), (0, _core.jsx)(_Heading2["default"], {
    as: "h4"
  }, "Heading rendered as <h4> tag"), (0, _core.jsx)(_Heading2["default"], {
    as: "h5"
  }, "Heading rendered as <h5> tag"), (0, _core.jsx)(_Heading2["default"], {
    as: "span"
  }, "Heading rendered as <span> tag")));
}).add("variants", function () {
  return (0, _core.jsx)(_storybook.StoryUtils.Container, null, (0, _core.jsx)(_storybook.StoryUtils.Stack, null, (0, _core.jsx)(_Heading2["default"], null, "Heading variant - PRIMARY ", (0, _core.jsx)(_storybook.StoryUtils.Default, null)), (0, _core.jsx)(_Heading2["default"], {
    variant: "EMPHASIZED"
  }, "Heading variant - EMPHASIZED"), (0, _core.jsx)(_Heading2["default"], {
    variant: "LIGHT"
  }, "Heading variant - LIGHT")));
}).add("tones", function () {
  return (0, _core.jsx)(_storybook.StoryUtils.Container, null, (0, _core.jsx)(_storybook.StoryUtils.Stack, null, (0, _core.jsx)(_Heading2["default"], {
    tone: "NEUTRAL"
  }, "Heading tone - NEUTRAL ", (0, _core.jsx)(_storybook.StoryUtils.Default, null)), (0, _core.jsx)(_Heading2["default"], {
    tone: "BRAND"
  }, "Heading tone - BRAND"), (0, _core.jsx)(_Heading2["default"], {
    tone: "DANGER"
  }, "Heading tone - DANGER"), (0, _core.jsx)(_Heading2["default"], {
    tone: "SUCCESS"
  }, "Heading tone - SUCCESS")));
});