@helpscout/hsds-react/components/Overlay/Overlay.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.OverlayUI = exports.config = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var config = {
  backgroundColor: 'rgba(57, 73, 86, 0.15)',
  theme: {
    app: {
      backgroundColor: 'rgba(25, 76, 110, 0.7)'
    },
    dark: {
      backgroundColor: '#034077'
    }
  }
};
exports.config = config;
var OverlayUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "Overlaycss__OverlayUI",
  componentId: "n6sutt-0"
})(["align-items:center;background-color:", ";bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;&.is-fixed{position:fixed;}&.is-transparent{cursor:default;opacity:0;}", ";&.is-dark{background-color:", ";opacity:0.7;}"], config.backgroundColor, function (props) {
  return makeHSAppStyles(props);
}, config.theme.dark.backgroundColor);
exports.OverlayUI = OverlayUI;

function makeHSAppStyles(props) {
  if (!props.isHsApp) return '';
  return "\n    background-color: " + config.theme.app.backgroundColor + ";\n  ";
}

var _default = OverlayUI;
exports.default = _default;