import React from 'react';
import { useExamTranslation } from '../../i18n';
export function AnnotationLists({ pregradingAnnotations, censoringAnnotations, singleGrading }) {
    return pregradingAnnotations.length || censoringAnnotations.length ? (React.createElement("div", { className: "e-annotation-list e-columns e-mrg-t-2" }, singleGrading ? (React.createElement("div", { className: "e-column e-column--10" },
        React.createElement(AnnotationListComponent, { annotations: pregradingAnnotations }))) : (React.createElement(React.Fragment, null,
        React.createElement("div", { className: "e-column e-column--6" },
            React.createElement(AnnotationListComponent, { i18nTitleKey: 'grading.pregrading-annotations', annotations: pregradingAnnotations })),
        React.createElement("div", { className: "e-column e-column--6" },
            React.createElement(AnnotationListComponent, { i18nTitleKey: 'grading.censor-annotations', annotations: censoringAnnotations })))))) : null;
}
const AnnotationListComponent = ({ i18nTitleKey, annotations }) => {
    const { t } = useExamTranslation();
    return annotations ? (React.createElement(React.Fragment, null,
        i18nTitleKey && React.createElement("h5", null, t(i18nTitleKey)),
        React.createElement("ol", { className: "e-list-data e-pad-l-0 e-font-size-s" }, annotations.map(({ numbering, message }) => (React.createElement("li", { "data-list-number": numbering, key: numbering }, message)))))) : null;
};
//# sourceMappingURL=AnnotationLists.js.map