@ozen-ui/kit
Version:
React component library
29 lines (28 loc) • 1.72 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.DialogHeader = exports.cnDialogHeader = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var classname_1 = require("../../../../utils/classname");
var BottomSheetBase_1 = require("../../../BottomSheetBase");
var Divider_1 = require("../../../Divider");
var DialogContext_1 = require("../../DialogContext");
var constants_1 = require("./constants");
exports.cnDialogHeader = (0, classname_1.cn)('DialogNextHeader');
exports.DialogHeader = (0, react_1.forwardRef)(function (_a, ref) {
var children = _a.children, className = _a.className, _b = _a.withDivider, withDivider = _b === void 0 ? constants_1.DIALOG_HEADER_DEFAULT_WITH_DIVIDER : _b, other = tslib_1.__rest(_a, ["children", "className", "withDivider"]);
var _c = (0, DialogContext_1.useDialogContext)(), size = _c.size, deviceType = _c.deviceType, isBottomSheet = _c.isBottomSheet;
var Component = (isBottomSheet ? BottomSheetBase_1.BottomSheetBaseBlock : 'div');
var bottomSheetProps = isBottomSheet
? {
expandOnDrag: true,
}
: null;
return (react_1.default.createElement(Component, tslib_1.__assign({}, other, bottomSheetProps, { ref: ref, className: (0, exports.cnDialogHeader)('Container', [className]) }),
react_1.default.createElement("div", { className: (0, exports.cnDialogHeader)({
size: size,
deviceType: deviceType,
}) }, children),
withDivider && react_1.default.createElement(Divider_1.Divider, { className: (0, exports.cnDialogHeader)('Divider') })));
});
exports.DialogHeader.displayName = 'DialogHeader';