'use client';

import { Wrapper } from './components/wrapper';
import { LayoutProvider } from './components/context';
import { ChatsProvider } from './components/chats-context';

export function DefaultLayout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <LayoutProvider
        bodyClassName="bg-muted"
        style={{
          '--sidebar-width': '255px',
          '--sidebar-header-height': '60px',
          '--header-height': '60px',
          '--header-height-mobile': '60px',
        } as React.CSSProperties}
      >
        <ChatsProvider>
          <Wrapper>
            {children}
          </Wrapper>
        </ChatsProvider>
      </LayoutProvider>
    </>
  );
}