UNPKG

@ozen-ui/kit

Version:

React component library

24 lines (23 loc) 1.65 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.ListCardItemTrailingBadge = exports.cnListCardItemTrailingBadge = 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 Badge_1 = require("../../../Badge"); var ListCardItemContext_1 = require("../../ListCardItemContext"); var ListCardItemTrailingItem_1 = require("../ListCardItemTrailingItem"); var constants_1 = require("./constants"); exports.cnListCardItemTrailingBadge = (0, classname_1.cn)('ListCardItemTrailingBadge'); exports.ListCardItemTrailingBadge = (0, react_1.forwardRef)(function (inProps, ref) { var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'ListCardItemTrailingBadge', }); var children = props.children, className = props.className, caption = props.caption, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["children", "className", "caption", 'data-testid']); var size = (0, ListCardItemContext_1.useListCardItemContext)().size; return (react_1.default.createElement(ListCardItemTrailingItem_1.ListCardItemTrailingItem, { ref: ref, className: (0, exports.cnListCardItemTrailingBadge)('', [className]), caption: caption, "data-testid": dataTestid }, react_1.default.createElement(Badge_1.Badge, tslib_1.__assign({}, other, { size: constants_1.LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE[size] }), children))); }); exports.ListCardItemTrailingBadge.displayName = 'ListCardItemTrailingBadge';