@twreporter/universal-header/lib/components/header.stories.js

Universal header of TWReporter sites

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.universal = exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _header = _interopRequireDefault(require("./header"));
var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
var _constants = require("../storybook/constants");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
/* eslint-disable react/prop-types */
/* eslint react/display-name:0 */
var _default = exports["default"] = {
  title: 'Header/Universal',
  component: _header["default"],
  argTypes: {
    toUseNarrow: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    hideHeader: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    isAuthed: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    theme: _constants.THEME_STORYBOOK_ARG_TYPE,
    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
  }
};
var universal = exports.universal = {
  render: function render(props) {
    var theme = props.theme,
      releaseBranch = props.releaseBranch,
      toUseNarrow = props.toUseNarrow,
      hideHeader = props.hideHeader,
      isAuthed = props.isAuthed;
    var context = {
      theme: theme,
      releaseBranch: releaseBranch,
      toUseNarrow: toUseNarrow,
      hideHeader: hideHeader,
      isAuthed: isAuthed,
      isLinkExternal: true
    };
    return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Provider, {
      value: context
    }, /*#__PURE__*/_react["default"].createElement(_header["default"], null));
  },
  parameters: {
    controls: {
      exclude: ['pathname']
    }
  }
};