@ozen-ui/kit

Version:
React component library
27 lines (26 loc) • 1.72 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ListCardItemTrailingIcon = exports.cnListCardItemTrailingIcon = 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 renderContent_1 = require("../../../../utils/renderContent");
var ListCardItemContext_1 = require("../../ListCardItemContext");
var ListCardItemTrailingItem_1 = require("../ListCardItemTrailingItem");
var constants_1 = require("./constants");
exports.cnListCardItemTrailingIcon = (0, classname_1.cn)('ListCardItemTrailingIcon');
exports.ListCardItemTrailingIcon = (0, react_1.forwardRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'ListCardItemTrailingIcon',
    });
    var icon = props.icon, className = props.className, caption = props.caption, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["icon", "className", "caption", 'data-testid']);
    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
    var renderedIcon = (0, renderContent_1.renderContent)({
        content: icon,
        props: tslib_1.__assign(tslib_1.__assign({}, other), { size: constants_1.LIST_CARD_ITEM_SIZE_TO_TRAILING_ICON_SIZE[size] }),
    });
    return (react_1.default.createElement(ListCardItemTrailingItem_1.ListCardItemTrailingItem, { ref: ref, className: (0, exports.cnListCardItemTrailingIcon)('', [className]), caption: caption, "data-testid": dataTestid }, renderedIcon));
});
exports.ListCardItemTrailingIcon.displayName = 'ListCardItemTrailingIcon';