@ozen-ui/kit

Version:
React component library
17 lines (16 loc) • 1.03 kB
JavaScript
import { __assign, __rest } from "tslib";
import React from 'react';
import { useThemeProps } from '../../../../hooks/useThemeProps';
import { cn, polymorphicComponentWithRef } from '../../../../utils';
import { Badge } from '../../../Badge';
import { SIDEBAR_ITEM_BADGE_DEFAULT_COLOR, SIDEBAR_ITEM_BADGE_DEFAULT_TAG, } from './constants';
export var cnSidebarItemBadge = cn('SidebarItemBadge');
export var SidebarItemBadge = polymorphicComponentWithRef(function (inProps, ref) {
    var props = useThemeProps({
        props: inProps,
        name: 'SidebarItemBadge',
    });
    var _a = props.as, as = _a === void 0 ? SIDEBAR_ITEM_BADGE_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? SIDEBAR_ITEM_BADGE_DEFAULT_COLOR : _b, className = props.className, other = __rest(props, ["as", "color", "className"]);
    return (React.createElement(Badge, __assign({}, other, { as: as, ref: ref, size: "s", color: color, className: cnSidebarItemBadge('', [className]) })));
});
SidebarItemBadge.displayName = 'SidebarItemBadge';