@braineet/ui/dist/cjs/components/alert/styles.js

Braineet design system

"use strict";

exports.__esModule = true;
exports.Wrapper = exports.StyledIcon = exports.IconClose = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _styledSystem = require("styled-system");
var _utils = require("../../utils");
var _icon = _interopRequireDefault(require("../icon"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
  displayName: "styles__Wrapper",
  componentId: "sc-2zo2ge-0"
})(["position:relative;display:flex;justify-content:space-between;align-items:center;", " ", " ", ""], _styledSystem.border, _styledSystem.color, _styledSystem.space);
var StyledIcon = exports.StyledIcon = (0, _styledComponents.default)(_icon.default).withConfig({
  displayName: "styles__StyledIcon",
  componentId: "sc-2zo2ge-1"
})(["", ""], _styledSystem.space);
var IconClose = exports.IconClose = _styledComponents.default.button.withConfig({
  displayName: "styles__IconClose",
  componentId: "sc-2zo2ge-2"
})(["display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;border-radius:", ";transition:background-color 0.3s ease;&:hover{background-color:", ";}"], function (props) {
  return props.theme.borderRadius.xs;
}, function (props) {
  return (0, _utils.lighten)(props.backgroundColor, 0.1);
});