optimizely-oui/dist/js/components/Typography/typography.story.js

Optimizely's Component Library.

"use strict";

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

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

var _typography = require("../Typography/typography");

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

var storiesForRow = (0, _react2.storiesOf)("Informational|Typography", module);
storiesForRow.addDecorator(function (story) {
  return _react["default"].createElement("div", {
    id: "root-preview"
  }, story());
});
storiesForRow.add("Default", function () {
  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_typography.Typography, {
    tag: "h1",
    type: "header1"
  }, "Header 1"), _react["default"].createElement(_typography.Typography, {
    tag: "h2",
    type: "header2"
  }, "Header 2"), _react["default"].createElement(_typography.Typography, {
    tag: "h3",
    type: "header3"
  }, "Header 3"), _react["default"].createElement(_typography.Typography, {
    tag: "h4",
    type: "header4"
  }, "Header 4"), _react["default"].createElement(_typography.Typography, {
    tag: "h5",
    type: "header5"
  }, "Header 5"), _react["default"].createElement(_typography.Typography, {
    tag: "p",
    type: "subhead"
  }, "Subhead"), _react["default"].createElement(_typography.Typography, {
    tag: "p",
    type: "body"
  }, "Body"), _react["default"].createElement(_typography.Typography, {
    tag: "p",
    type: "caption"
  }, "Caption"), _react["default"].createElement(_typography.Typography, {
    tag: "p",
    type: "xs"
  }, "xs"), _react["default"].createElement(_typography.Typography, {
    tag: "p",
    type: "xxs"
  }, "xxs"));
});