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

import { AsyncCombobox } from '../../shared/ui/AsyncCombobox.jsx';
import { ScheduleOverview } from '../../shared/ui/ScheduleOverview.jsx';
import { WeekGrid } from '../WeekGrid.jsx';
import { parseIsoDate, startOfWeek } from '../student-service.js';

export function renderWeekGrid(props) {
    return renderToStaticMarkup(createElement(WeekGrid, props));
}

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

export function renderAsyncCombobox(props) {
    return renderToStaticMarkup(createElement(AsyncCombobox, props));
}

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