codogo-react-widgets/dist/components/modal.js

Provides a unified way to access the styling of commonly used widgets across different apps

"use strict";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _taggedTemplateLiteral2 = require("babel-runtime/helpers/taggedTemplateLiteral");

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(["\n\tposition: fixed;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: ", ";\n"], ["\n\tposition: fixed;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: ", ";\n"]);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _reactOnclickoutside = require("react-onclickoutside");

var _reactOnclickoutside2 = _interopRequireDefault(_reactOnclickoutside);

var _polished = require("polished");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ModalContainer = _styledComponents2.default.div(_templateObject, function (_ref) {
	var theme = _ref.theme;
	return (0, _polished.opacify)(0.1, theme.lightGrey);
});

var Modal = function Modal(props) {
	return _react2.default.createElement(
		ModalContainer,
		null,
		props.children
	);
};

exports.default = Modal;

//# sourceMappingURL=modal.js.map