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

Universal header of TWReporter sites

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.tabBar = exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _tabBar = _interopRequireDefault(require("./tab-bar"));
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: 'Tab Bar',
  component: _tabBar["default"],
  argTypes: {
    theme: _constants.THEME_STORYBOOK_ARG_TYPE,
    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
  }
};
var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  displayName: "tab-barstories__Container",
  componentId: "paqbaf-0"
})(["width:320px;"]);
var tabBar = exports.tabBar = {
  render: function render(props) {
    var theme = props.theme,
      releaseBranch = props.releaseBranch;
    var context = {
      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(_tabBar["default"], null)));
  }
};