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

import { ConfirmDialog } from '../../shared/ui/ConfirmDialog.jsx';
import { DatabaseTab } from '../DatabaseTab.jsx';
import { EduFormsTab } from '../EduFormsTab.jsx';
import { GeneralTab } from '../GeneralTab.jsx';
import { TimeSlotsTab } from '../TimeSlotsTab.jsx';

export function renderGeneralTab() {
    return renderToStaticMarkup(createElement(GeneralTab));
}

export function renderTimeSlotsTab() {
    return renderToStaticMarkup(createElement(TimeSlotsTab));
}

export function renderEduFormsTab() {
    return renderToStaticMarkup(createElement(EduFormsTab));
}

export function renderDatabaseTab() {
    return renderToStaticMarkup(createElement(DatabaseTab));
}

export function renderConfirmDialog(props) {
    return renderToStaticMarkup(createElement(ConfirmDialog, props));
}