@ozen-ui/kit

Version:
React component library
26 lines (25 loc) • 1.83 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SidebarHeaderLogo = exports.cnSidebarHeaderLogo = 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 Stack_1 = require("../../../Stack");
var SidebarContext_1 = require("../../SidebarContext");
var SidebarCollapsibleItem_1 = require("../SidebarCollapsibleItem");
var constants_1 = require("./constants");
exports.cnSidebarHeaderLogo = (0, utils_1.cn)('SidebarHeaderLogo');
exports.SidebarHeaderLogo = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'SidebarHeaderLogo',
    });
    var _a = props.as, as = _a === void 0 ? constants_1.SIDEBAR_HEADER_LOGO_DEFAULT_TAG : _a, className = props.className, children = props.children, icon = props.icon, other = tslib_1.__rest(props, ["as", "className", "children", "icon"]);
    var _b = (0, SidebarContext_1.useSidebarContext)(), color = _b.color, variant = _b.variant, size = _b.size;
    return (react_1.default.createElement(SidebarCollapsibleItem_1.SidebarCollapsibleItem, tslib_1.__assign({}, other, { as: as, fixed: react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnSidebarHeaderLogo)('Icon'), justify: "center", align: "center" }, icon), collapsed: variant !== 'full', classNames: { content: (0, exports.cnSidebarHeaderLogo)('Text') }, ref: ref, className: (0, exports.cnSidebarHeaderLogo)({ color: color, size: size }, [className]), align: "center", contentFullWidth: {
            s: 184,
            m: 200,
        } }), children));
});
exports.SidebarHeaderLogo.displayName = 'SidebarHeaderLogo';