import React from 'react';
import { useNavigation } from '@/hooks/useNavigation.tsx';
import { MainLayout } from '@/components/layout/MainLayout.tsx';
import StaticPageLayout from '@/components/layout/StaticPageLayout.tsx';

interface StaticPageScaffoldProps {
  title: string;
  children: React.ReactNode;
  mainLayoutClassName?: string;
}

const StaticPageScaffold = ({
  title,
  children,
  mainLayoutClassName = 'bg-muted/30',
}: StaticPageScaffoldProps) => {
  const { handleBackNavigation, handleFooterNavigate } = useNavigation();

  return (
    <MainLayout onNavigate={handleFooterNavigate} className={mainLayoutClassName}>
      <StaticPageLayout onNavigateBack={handleBackNavigation} title={title}>
        {children}
      </StaticPageLayout>
    </MainLayout>
  );
};

export default StaticPageScaffold;