// pages/ManageStudentPage.ts
import { SplitColumnLayout } from '../layouts/SplitColumnLayout'; // Or ThreeColumnLayout or full width, depending on desired layout
import { StudentTableWidget } from '../widgets/StudentTableWidget';
import { createElement } from '../utils/utils';

export const renderManageStudentPage = () => {
    const layout = new SplitColumnLayout(); // Using SplitColumnLayout, can be changed to ThreeColumnLayout or full width
    const studentTableWidget = new StudentTableWidget();

    layout.setContentAreaContent(studentTableWidget.render());
    // Sidebar can be used for filters or additional admin options if needed
    layout.setSidebarContent(createElement('div')); // Empty sidebar for now, or add sidebar widgets


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