@accelint/design-toolkit/dist/components/sidenav/header.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx,jsxs}from'react/jsx-runtime';import {useEmit}from'@accelint/bus/react';import {ChevronLeft}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Header,Button,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{header:u,toggle:H,transient:y}=SidenavStyles();function L({children:t,classNames:o,...r}){const n=useEmit(SidenavEventTypes.toggle),{id:m}=useContext(SidenavContext);return jsx(Header,{...r,className:u({className:o?.header}),children:jsxs(Button,{className:composeRenderProps(o?.button,i=>H({className:i})),onPress:()=>n({id:m}),children:[t,jsx(Icon,{className:y(),children:jsx(ChevronLeft,{})})]})})}export{L as SidenavHeader};//# sourceMappingURL=header.js.map
//# sourceMappingURL=header.js.map