@ozen-ui/kit

Version:
React component library
24 lines (23 loc) • 1.91 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SidebarUserOnline = exports.cnSidebarUserOnline = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var utils_1 = require("../../../../utils");
var Indicator_1 = require("../../../Indicator");
var Stack_1 = require("../../../Stack");
var Typography_1 = require("../../../Typography");
var constants_1 = require("./constants");
exports.cnSidebarUserOnline = (0, utils_1.cn)('SidebarUserOnline');
exports.SidebarUserOnline = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'SidebarUserOnline',
    });
    var _a = props.as, as = _a === void 0 ? constants_1.SIDEBAR_USER_ONLINE_DEFAULT_TAG : _a, className = props.className, _b = props.indicatorVariant, indicatorVariant = _b === void 0 ? constants_1.SIDEBAR_USER_ONLINE_DEFAULT_INDICATOR_VARIANT : _b, _c = props.textColor, textColor = _c === void 0 ? constants_1.SIDEBAR_USER_ONLINE_DEFAULT_TYPOGRAPHY_COLOR : _c, label = props.label, other = tslib_1.__rest(props, ["as", "className", "indicatorVariant", "textColor", "label"]);
    return (react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: ref, as: as, gap: "xs", align: "center", justify: "start", className: (0, exports.cnSidebarUserOnline)('', [className]) }),
        react_1.default.createElement(Indicator_1.Indicator, { variant: indicatorVariant, className: (0, exports.cnSidebarUserOnline)('Indicator'), size: "s" }),
        react_1.default.createElement(Typography_1.Typography, { variant: "text-2xs_1", className: (0, exports.cnSidebarUserOnline)('Label'), color: textColor, as: "span" }, label)));
});
exports.SidebarUserOnline.displayName = 'SidebarUserOnline';