@ozen-ui/kit
Version:
React component library
23 lines (22 loc) • 1.82 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.DialogCloseButton = exports.cnDialogCloseButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var icons_1 = require("@ozen-ui/icons");
var classname_1 = require("../../../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
var IconButtonNext_1 = require("../../../IconButtonNext");
var DialogContext_1 = require("../../DialogContext");
var constants_1 = require("./constants");
exports.cnDialogCloseButton = (0, classname_1.cn)('DialogNextCloseButton');
exports.DialogCloseButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
var _b = _a.as, as = _b === void 0 ? constants_1.DIALOG_CLOSE_BUTTON_DEFAULT_TAG : _b, className = _a.className, onClickProp = _a.onClick, _c = _a.icon, icon = _c === void 0 ? icons_1.CrossIcon : _c, _d = _a.variant, variant = _d === void 0 ? constants_1.DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT : _d, _e = _a.name, name = _e === void 0 ? constants_1.DIALOG_CLOSE_BUTTON_DEFAULT_NAME : _e, other = tslib_1.__rest(_a, ["as", "className", "onClick", "icon", "variant", "name"]);
var _f = (0, DialogContext_1.useDialogContext)(), onClose = _f.onClose, size = _f.size;
var onClick = function (event) {
onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(event);
onClose();
};
return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: (0, exports.cnDialogCloseButton)('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
});
exports.DialogCloseButton.displayName = 'DialogCloseButton';