import { Layout, LayoutContent, LayoutHeader, ProtectedRoute } from "@/components";
import { PropsWithChildren } from "react";
import { QuotesProvider } from "./QuotesContext";

export const QuotesLayout = ({ children }: PropsWithChildren) => {
  return (
    <ProtectedRoute>
      <QuotesProvider>
        <Layout className='quotes-layout'>
          <LayoutHeader />
          <LayoutContent>{children}</LayoutContent>
        </Layout>
      </QuotesProvider>
    </ProtectedRoute>
  );
};