@ozen-ui/kit
Version:
React component library
27 lines (26 loc) • 1.98 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ListCardItemCenterButton = exports.cnListCardItemCenterButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var useMultiRef_1 = require("../../../../hooks/useMultiRef");
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var classname_1 = require("../../../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
var ButtonNext_1 = require("../../../ButtonNext");
var hooks_1 = require("../../hooks");
var ListCardItemContext_1 = require("../../ListCardItemContext");
var constants_1 = require("./constants");
exports.cnListCardItemCenterButton = (0, classname_1.cn)('ListCardItemCenterButton');
exports.ListCardItemCenterButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'ListCardItemCenterButton',
});
var children = props.children, className = props.className, as = props.as, _a = props.variant, variant = _a === void 0 ? constants_1.LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_VARIANT : _a, disabled = props.disabled, other = tslib_1.__rest(props, ["children", "className", "as", "variant", "disabled"]);
var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
var innerRef = (0, react_1.useRef)(null);
(0, hooks_1.useListCardItemAsInteractiveModule)(innerRef, !disabled);
return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: (0, useMultiRef_1.useMultiRef)([ref, innerRef]), className: (0, exports.cnListCardItemCenterButton)('', [className]), size: constants_1.LIST_CARD_ITEM_SIZE_TO_CENTER_BUTTON_SIZE[size], variant: variant, disabled: disabled }), children));
});
exports.ListCardItemCenterButton.displayName = 'ListCardItemCenterButton';