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

import { AppErrorBoundary } from '../ui/AppErrorBoundary.jsx';
import { AsyncState } from '../ui/AsyncState.jsx';
import { FormAlert } from '../ui/FormAlert.jsx';

export function renderAsyncState(props) {
    return renderToStaticMarkup(<AsyncState {...props} />);
}

export function renderFormAlert(props) {
    return renderToStaticMarkup(<FormAlert {...props} />);
}

export function renderErrorBoundaryContent() {
    return renderToStaticMarkup(
        <AppErrorBoundary>
            <p>Рабочее содержимое</p>
        </AppErrorBoundary>
    );
}