@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
51 lines (50 loc) • 1.56 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CloseButton = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var _react = require("@iconify/react");
var _jsxRuntime = require("react/jsx-runtime");
var CloseButton = exports.CloseButton = function CloseButton(_ref) {
var onClose = _ref.onClose,
sxIconButton = _ref.sxIconButton,
restIconButton = _ref.restIconButton,
icon = _ref.icon,
color = _ref.color,
width = _ref.width,
height = _ref.height,
restIcon = _ref.restIcon;
var theme = (0, _material.useTheme)();
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, Object.assign({
onClick: onClose,
"aria-label": "Close video modal",
sx: Object.assign((0, _defineProperty2["default"])({
position: 'absolute',
top: -12,
right: -12,
zIndex: theme.zIndex.fab,
width: 40,
height: 40,
bgcolor: '#000',
transition: 'all 0.2s ease',
color: 'white',
'&:hover': {
bgcolor: '#1a1a1a',
transform: 'scale(1.1)'
}
}, theme.breakpoints.down('md'), {
top: 12,
right: 12
}), sxIconButton)
}, restIconButton, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Icon, Object.assign({
icon: icon,
color: color,
width: width,
height: height
}, restIcon))
}));
};