@sergiodxa/ui/lib/alert.js

UI components for my projects

"use strict";

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

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports.Alert = Alert;

var _style = require("styled-jsx/style");

var _style2 = _interopRequireDefault(_style);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _polished = require("polished");

var _palette = require("@sergiodxa/palette");

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

/**
 * @function Alert
 * @param {Object} props
 * @param {Object} props.children
 * @param {String} [props.backColor=secondary]
 * @param {String} [props.textColor=dark]
 * @param {Object} [props.props={}]
 */
function Alert() {
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

  var children = _ref.children,
      _ref$backColor = _ref.backColor,
      backColor = _ref$backColor === undefined ? _palette.secondary : _ref$backColor,
      _ref$textColor = _ref.textColor,
      textColor = _ref$textColor === undefined ? dark : _ref$textColor,
      props = (0, _objectWithoutProperties3.default)(_ref, ["children", "backColor", "textColor"]);

  return _react2.default.createElement(
    "div",
    (0, _extends3.default)({}, props, {
      className: _style2.default.dynamic([["879572644", [backColor, textColor]]]) + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "879572644",
      css: "div.__jsx-style-dynamic-selector{background-color:" + backColor + ";color:" + textColor + ";border-radius:5px;padding:0.5em;margin:0.5em 0;}",
      dynamic: [backColor, textColor]
    })
  );
} /** @module ui/alert */