@bothub-chat/ui/dist/components/sidebar/menu/item/index.js

Bothub UI Components

import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useRef as r,useState as i}from"react";import{SidebarMenuListItem as n,SidebarMenuItemIconBox as s,SidebarMenuItemText as c}from"../styled.js";import{useSidebar as m}from"../../context.js";import{useSidebarMenu as a}from"../context.js";import{SidebarMenuItemTooltip as d}from"./tooltip.js";const h=h=>{var{icon:l,children:p,active:f,as:v,to:j,href:u}=h,x=e(h,["icon","children","active","as","to","href"]);const{isOpen:b}=m(),{isShowTooltips:O}=a(),$=r(null),[M,g]=i(!1);return t(n,Object.assign({},x,{as:v,to:j,href:u,ref:$,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},"data-test":"sidebar-menu-item",children:[o(s,{$active:!!f,children:l}),o(c,{$isOpen:b,$active:!!f,children:p}),o(d,{hovered:M,hidden:b||!O,children:p})]}))};export{h as SidebarMenuItem};