"use client";
import { jsx, jsxs } from 'react/jsx-runtime';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import { Flex } from '../flex/flex.js';
import styles from './sidebar.module.css.js';

const SidebarHeader = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { align: 'center', ref: ref, className: styles.header, role: 'banner', ...props, children: children })));
SidebarHeader.displayName = 'Sidebar.Header';
const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
SidebarFooter.displayName = 'Sidebar.Footer';
const SidebarNavigationGroup = forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxs("section", { ref: ref, className: cx(styles['nav-group'], className), "aria-label": label, ...props, children: [jsxs(Flex, { align: 'center', gap: 3, className: styles['nav-group-header'], children: [leadingIcon && (jsx("span", { className: styles['nav-leading-icon'], children: leadingIcon })), jsx("span", { className: styles['nav-group-label'], children: label })] }), jsx(Flex, { direction: 'column', className: styles['nav-group-items'], role: 'list', children: children })] })));
SidebarNavigationGroup.displayName = 'Sidebar.Group';

export { SidebarFooter, SidebarHeader, SidebarNavigationGroup };
//# sourceMappingURL=sidebar-misc.js.map
