@ozen-ui/kit
Version:
React component library
27 lines (26 loc) • 2.26 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ListCardItemTrailingIconButton = exports.cnListCardItemTrailingIconButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var classname_1 = require("../../../../utils/classname");
var IconButtonNext_1 = require("../../../IconButtonNext");
var hooks_1 = require("../../hooks");
var ListCardItemContext_1 = require("../../ListCardItemContext");
var ListCardItemTrailingItem_1 = require("../ListCardItemTrailingItem");
var constants_1 = require("./constants");
exports.cnListCardItemTrailingIconButton = (0, classname_1.cn)('ListCardItemTrailingIconButton');
exports.ListCardItemTrailingIconButton = (0, react_1.forwardRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'ListCardItemTrailingIconButton',
});
var children = props.children, className = props.className, _a = props.compressed, compressed = _a === void 0 ? constants_1.LIST_CARD_ITEM_TRAILING_ICON_BUTTON_DEFAULT_COMPRESSED : _a, _b = props.color, color = _b === void 0 ? constants_1.LIST_CARD_ITEM_TRAILING_ICON_BUTTON_DEFAULT_COLOR : _b, caption = props.caption, disabled = props.disabled, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["children", "className", "compressed", "color", "caption", "disabled", 'data-testid']);
var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
var buttonRef = (0, react_1.useRef)(null);
(0, hooks_1.useListCardItemAsInteractiveModule)(buttonRef, !disabled);
return (react_1.default.createElement(ListCardItemTrailingItem_1.ListCardItemTrailingItem, { ref: ref, className: (0, exports.cnListCardItemTrailingIconButton)('', [className]), caption: caption, "data-testid": dataTestid },
react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({}, other, { ref: buttonRef, size: constants_1.LIST_CARD_ITEM_SIZE_TO_TRAILING_ICON_BUTTON_SIZE[size], compressed: compressed, color: color, disabled: disabled }), children)));
});
exports.ListCardItemTrailingIconButton.displayName = 'ListCardItemTrailingIconButton';