import React from "react";
import "layout.module.scss";
interface LayoutProps {
  loading?: boolean;
  children?: React.ReactNode;
  header?: React.ReactNode;
  footer?: React.ReactNode;
}

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

export default Layout;
