import SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';
import SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';
import Editor from '../editor';
import { isClassicThemeWithStyleBookSupport, isThemeDataLoaded } from './utils';

export const homeRoute = {
	name: 'home',
	path: '/',
	areas: {
		sidebar( { siteData } ) {
			if ( ! isThemeDataLoaded( siteData ) ) {
				return null;
			}
			return siteData.currentTheme.is_block_theme ||
				isClassicThemeWithStyleBookSupport( siteData ) ? (
				<SidebarNavigationScreenMain />
			) : (
				<SidebarNavigationScreenUnsupported />
			);
		},
		preview( { siteData } ) {
			const isBlockTheme = siteData.currentTheme?.is_block_theme;
			return isBlockTheme ||
				isClassicThemeWithStyleBookSupport( siteData ) ? (
				<Editor isHomeRoute />
			) : undefined;
		},
		mobileSidebar( { siteData } ) {
			if ( ! isThemeDataLoaded( siteData ) ) {
				return <></>;
			}
			return siteData.currentTheme.is_block_theme ||
				isClassicThemeWithStyleBookSupport( siteData ) ? (
				<SidebarNavigationScreenMain />
			) : (
				<SidebarNavigationScreenUnsupported />
			);
		},
	},
};