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

Universal header of TWReporter sites

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.footer = exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _hamburgerFooter = _interopRequireDefault(require("./hamburger-footer"));
var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
var _theme = require("@twreporter/core/lib/constants/theme");
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: 'Hamburger/Footer',
  component: _hamburgerFooter["default"],
  argTypes: {
    theme: _constants.THEME_STORYBOOK_ARG_TYPE,
    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
  }
};
var StyledFooter = /*#__PURE__*/(0, _styledComponents["default"])(_hamburgerFooter["default"]).withConfig({
  displayName: "hamburger-footerstories__StyledFooter",
  componentId: "sc-2581a8-0"
})(["width:375px;background-color:", ";padding:16px 0;"], function (props) {
  return props.$bgColor;
});
var getBgColor = function getBgColor(theme) {
  if (theme === _theme.THEME.photography) {
    return {
      bgColor: 'linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #052142'
    };
  }
  return {
    bgColor: 'white'
  };
};
var footer = exports.footer = {
  render: function render(props) {
    var theme = props.theme,
      releaseBranch = props.releaseBranch;
    var context = {
      theme: theme,
      releaseBranch: releaseBranch,
      isLinkExternal: true
    };
    var _getBgColor = getBgColor(theme),
      bgColor = _getBgColor.bgColor;
    return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Provider, {
      value: context
    }, /*#__PURE__*/_react["default"].createElement(StyledFooter, {
      $bgColor: bgColor
    }));
  },
  parameters: {
    backgrounds: {
      "default": 'white'
    }
  }
};