import React from 'react';
import { Header } from './Header.tsx';
import { Footer } from './Footer.tsx';
import CursorAccent from '../motion/CursorAccent.tsx';
import { ErrorBoundary } from '../ui/ErrorBoundary.tsx';

interface LayoutProps {
  children: React.ReactNode;
}

export const Layout: React.FC<LayoutProps> = ({ children }) => {
  return (
    <>
      <a href="#main" className="skip-link">Skip to main content</a>
      <Header />
      <main id="main" className="pt-16">
        <ErrorBoundary>
          {children}
        </ErrorBoundary>
      </main>
      <Footer />
      <CursorAccent />
    </>
  );
};