@ozen-ui/kit
Version:
React component library
27 lines (26 loc) • 1.56 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ListCardItemLeadingIcon = exports.cnListCardItemLeadingIcon = 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 ListCardItemLeadingItem_1 = require("../ListCardItemLeadingItem");
var constants_1 = require("./constants");
exports.cnListCardItemLeadingIcon = (0, classname_1.cn)('ListCardItemLeadingIcon');
exports.ListCardItemLeadingIcon = (0, react_1.forwardRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'ListCardItemLeadingIcon',
});
var icon = props.icon, className = props.className, other = tslib_1.__rest(props, ["icon", "className"]);
var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
var renderedIcon = (0, renderContent_1.renderContent)({
content: icon,
props: { size: constants_1.LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE[size] },
});
return (react_1.default.createElement(ListCardItemLeadingItem_1.ListCardItemLeadingItem, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnListCardItemLeadingIcon)('', [className]) }), renderedIcon));
});
exports.ListCardItemLeadingIcon.displayName = 'ListCardItemLeadingIcon';