"use strict";

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

var _css3 = require("@emotion/css");

var _css4 = _interopRequireDefault(_css3);

var _core = require("@emotion/core");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _propTypes = require("prop-types");

var _propTypes2 = _interopRequireDefault(_propTypes);

var _presets = require("../../../utils/presets");

var _fontSizes = require("../../../theme/fontSizes");

var _fontSizes2 = _interopRequireDefault(_fontSizes);

var _fonts = require("../../../theme/fonts");

var _fonts2 = _interopRequireDefault(_fonts);

var _colors = require("../../../theme/colors");

var _colors2 = _interopRequireDefault(_colors);

var _background = require("./assets/background.svg");

var _background2 = _interopRequireDefault(_background);

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

function Announcement(_ref) {
  var children = _ref.children,
      rest = _objectWithoutProperties(_ref, ["children"]);

  return (0, _core.jsx)("div", {
    css:
    /*#__PURE__*/
    (0, _css4["default"])(_defineProperty({
      alignItems: "center",
      background: _colors2["default"].teal[5],
      color: _colors2["default"].teal[90],
      display: "flex",
      fontSize: _fontSizes2["default"][1],
      fontFamily: _fonts2["default"].system.join(","),
      padding: "".concat(_presets.spaces.m, " ").concat(_presets.spaces.l),
      backgroundImage: "url(".concat(_background2["default"], ")"),
      backgroundPosition: "right center",
      backgroundRepeat: "no-repeat"
    }, "&:not(:first-child)", {
      borderTop: "1px solid ".concat(_colors2["default"].teal[10])
    }), "label:Announcement;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvcmUvQW5ub3VuY2VtZW50L0Fubm91bmNlbWVudC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjTSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jb3JlL0Fubm91bmNlbWVudC9Bbm5vdW5jZW1lbnQuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gXCJAZW1vdGlvbi9jb3JlXCJcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcblxuaW1wb3J0IHsgc3BhY2VzIH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL3ByZXNldHNcIlxuaW1wb3J0IGZvbnRTaXplcyBmcm9tIFwiLi4vLi4vLi4vdGhlbWUvZm9udFNpemVzXCJcbmltcG9ydCBmb250cyBmcm9tIFwiLi4vLi4vLi4vdGhlbWUvZm9udHNcIlxuaW1wb3J0IGNvbG9ycyBmcm9tIFwiLi4vLi4vLi4vdGhlbWUvY29sb3JzXCJcbmltcG9ydCBiYWNrZ3JvdW5kIGZyb20gXCIuL2Fzc2V0cy9iYWNrZ3JvdW5kLnN2Z1wiXG5cbmZ1bmN0aW9uIEFubm91bmNlbWVudCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0pIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgYWxpZ25JdGVtczogYGNlbnRlcmAsXG4gICAgICAgIGJhY2tncm91bmQ6IGNvbG9ycy50ZWFsWzVdLFxuICAgICAgICBjb2xvcjogY29sb3JzLnRlYWxbOTBdLFxuICAgICAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgICAgIGZvbnRTaXplOiBmb250U2l6ZXNbMV0sXG4gICAgICAgIGZvbnRGYW1pbHk6IGZvbnRzLnN5c3RlbS5qb2luKGAsYCksXG4gICAgICAgIHBhZGRpbmc6IGAke3NwYWNlcy5tfSAke3NwYWNlcy5sfWAsXG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmR9KWAsXG4gICAgICAgIGJhY2tncm91bmRQb3NpdGlvbjogYHJpZ2h0IGNlbnRlcmAsXG4gICAgICAgIGJhY2tncm91bmRSZXBlYXQ6IGBuby1yZXBlYXRgLFxuXG4gICAgICAgIFtgJjpub3QoOmZpcnN0LWNoaWxkKWBdOiB7XG4gICAgICAgICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Y29sb3JzLnRlYWxbMTBdfWAsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5Bbm5vdW5jZW1lbnQucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFubm91bmNlbWVudFxuIl19 */"))
  }, children);
}

Announcement.propTypes = {
  children: _propTypes2["default"].node
};
exports["default"] = Announcement;