import type { JSX } from 'react';
import type { Status } from '../shared/api/types/status';
import type { View } from '../shared/lib/route';
import { DashboardView } from '../features/dashboard/DashboardView';
import { HistoryView } from '../features/history/HistoryView';
import { LinksView } from '../features/links/LinksView';
import { ScheduleView } from '../features/schedule/ScheduleView';
import { SettingsView } from '../features/settings/SettingsView';

type CurrentViewProps = {
	view: View;
	status: Status;
};

export function CurrentView( { view, status }: CurrentViewProps ): JSX.Element {
	switch ( view ) {
		case 'links':
			return <LinksView status={ status } />;
		case 'history':
			return <HistoryView />;
		case 'schedule':
			return <ScheduleView status={ status } />;
		case 'settings':
			return <SettingsView />;
		case 'dashboard':
			return <DashboardView status={ status } />;
	}
}