import type { ReactNode } from 'react';
import { Nav } from './Nav';
import { Footer } from './Footer';
import { UmamiAnalytics } from './UmamiAnalytics';
import { SentryTestButton } from './SentryTestButton';

export function RootLayout({ children }: { children: ReactNode }) {
  return (
    <div className="font-sans min-h-screen bg-bg text-text">
      <UmamiAnalytics />
      <Nav />
      {children}
      <Footer />
      <SentryTestButton />
    </div>
  );
}