import type { FC, ReactNode } from 'react';
import SkeenLayout from './SkeenLayout';
import HomeNestLayout from './HomeNestLayout';
import ClasicoLayout from './ClasicoLayout';
import { useTheme } from '../lib/theme';

interface LayoutProps {
  children: ReactNode;
  title: string;
  subtitle?: string;
}

const Layout: FC<LayoutProps> = (props) => {
  const { theme } = useTheme();
  if (theme === 'homenest') {
    return <HomeNestLayout {...props} />;
  }
  if (theme === 'clasico') {
    return <ClasicoLayout {...props} />;
  }
  return <SkeenLayout {...props} />;
};

export default Layout;
