import React from 'react';

interface LayoutProps {
  loading?: boolean;
  children?: React.ReactNode;
  header?: React.ReactNode;
  footer?: React.ReactNode;
}

const Layout: React.FC<LayoutProps> = ({ 
  loading, 
  children, 
  header, 
  footer 
}) => {
  return (
    <div className="container">
      {header && (
        <header>
          {header}
        </header>
      )}
      <main>
        {children}
      </main>
      {footer && (
        <footer>
          {footer}
        </footer>
      )}
    </div>
  );
};

export default Layout;