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

Universal header of TWReporter sites

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.desktop = exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _icons = _interopRequireDefault(require("./icons"));
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: 'Icons/Desktop',
  component: _icons["default"],
  argTypes: {
    isAuthed: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    theme: _constants.THEME_STORYBOOK_ARG_TYPE,
    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
  }
};
var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  displayName: "iconsstories__Container",
  componentId: "sc-19z8cko-0"
})(["transform:translateX(300px);"]);
var desktop = exports.desktop = {
  render: function render(props) {
    var isAuthed = props.isAuthed,
      theme = props.theme,
      releaseBranch = props.releaseBranch;
    var context = {
      isAuthed: isAuthed,
      theme: theme,
      releaseBranch: releaseBranch,
      isLinkExternal: true
    };
    return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Provider, {
      value: context
    }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_icons["default"], null)));
  }
};