import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { cn } from '../../../utils/cn.js';
import { pageLayoutTheme } from './PageLayout.theme.js';

const PageLayoutSidebar = React__default.forwardRef(({ width = "16rem", collapsedOnMobile = true, className, theme: customTheme, style, children, ...props }, ref) => {
    const theme = { ...pageLayoutTheme, ...customTheme };
    return (jsx("aside", { ref: ref, className: cn(theme.sidebar, collapsedOnMobile && theme.sidebarCollapsed, className), style: { width, ...style }, ...props, children: children }));
});
PageLayoutSidebar.displayName = "PageLayout.Sidebar";

export { PageLayoutSidebar };
