import { Layout, LayoutContent, LayoutHeader, ProtectedRoute } from "@/components";
import { PropsWithChildren } from "react";
import { Outlet, useLocation } from "react-router-dom";
import { QuotesProvider } from "./QuotesContext";

export const QuotesLayout = ({ children }: PropsWithChildren) => {
  const location = useLocation();

  const isEditing = location.pathname.includes("/edit");

  return (
    <ProtectedRoute>
      <QuotesProvider>
        <Layout>
          <LayoutHeader />
          <LayoutContent>
            <Outlet />
          </LayoutContent>
        </Layout>
      </QuotesProvider>
    </ProtectedRoute>
  );
};