// pages/AdminPage.ts
import { ThreeColumnLayout } from '../layouts/ThreeColumnLayout';
import { StudentsWidget } from '../widgets/StudentsWidget';
import { TeachersWidget } from '../widgets/TeachersWidget';

export const renderAdminPage = () => {
    const layout = new ThreeColumnLayout();
    const studentsWidget = new StudentsWidget();
    const teachersWidget = new TeachersWidget();
    // Column 3 is optional for future features as per requirements

    layout.setColumn1Content(studentsWidget.render());
    layout.setColumn2Content(teachersWidget.render());
    // Column 3 is intentionally left empty in this prototype

    document.querySelector<HTMLDivElement>('#app')?.appendChild(layout.render());
};