@braineet/ui
Version:
Braineet design system
28 lines (27 loc) • 1.46 kB
JavaScript
;
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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var 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);
exports.Wrapper = Wrapper;
var StyledIcon = (0, _styledComponents.default)(_icon.default).withConfig({
displayName: "styles__StyledIcon",
componentId: "sc-2zo2ge-1"
})(["", ""], _styledSystem.space);
exports.StyledIcon = StyledIcon;
var 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);
});
exports.IconClose = IconClose;