import { createElement } from 'react';
import { renderToStaticMarkup } from 'react-dom/server';

import { ScheduleOverview } from '../../shared/ui/ScheduleOverview.jsx';
import { AbsencePanel } from '../AbsencePanel.jsx';
import { PreferencesTab } from '../PreferencesTab.jsx';
import { RequestDialog } from '../RequestDialog.jsx';
import { RequestsTab } from '../RequestsTab.jsx';
import { TeacherWeekGrid } from '../TeacherWeekGrid.jsx';
import { parseIsoDate, startOfWeek } from '../../shared/dates.js';

export function renderTeacherWeekGrid(props) {
    return renderToStaticMarkup(createElement(TeacherWeekGrid, props));
}

export function renderScheduleOverview(props) {
    return renderToStaticMarkup(createElement(ScheduleOverview, props));
}

export function renderAbsencePanel() {
    return renderToStaticMarkup(createElement(AbsencePanel));
}

export function renderPreferencesTab() {
    return renderToStaticMarkup(createElement(PreferencesTab));
}

export function renderRequestsTab(props) {
    return renderToStaticMarkup(createElement(RequestsTab, props));
}

export function renderRequestDialog(props) {
    return renderToStaticMarkup(createElement(RequestDialog, props));
}

export function weekStartOf(isoDate) {
    return startOfWeek(parseIsoDate(isoDate));
}