function ErrorDialog({
  onCancel,
  description,
  error,
  cancelLabel,
}) {
  return (
    <Modal
      cancelLabel={cancelLabel}
      contentClass="LMS-Dialog LMS-Dialog--medium"
      onCancel={onCancel}
      role="alertdialog"
      title="Something went wrong"
    >
      <ErrorDisplay description={description} error={error} />
    </Modal>
  );
}
/**
 * A dialog that informs the user about a problem that occurred and provides
 * them with links to get help or report the issue.
 *
 * @param {ErrorDialogProps} props
 */
A dialog that informs the user about a problem that occurred and provides
them with links to get help or report the issue.


A dialog that informs the user about a problem that occurred and provides them with links to get help or report the issue .
function ErrorDialog({
  onCancel,
  description,
  error,
  cancelLabel,
}) {
  return (
    <Modal
      cancelLabel={cancelLabel}
      contentClass="LMS-Dialog LMS-Dialog--medium"
      onCancel={onCancel}
      role="alertdialog"
      title="Something went wrong"
    >
      <ErrorDisplay description={description} error={error} />
    </Modal>
  );
}
function ErrorDialog ( { onCancel , description , error , cancelLabel , } ) { return ( < Modal cancelLabel = { cancelLabel } contentClass = "LMS-Dialog LMS-Dialog--medium" onCancel = { onCancel } role = "alertdialog" title = "Something went wrong" > < ErrorDisplay description = { description } error = { error } / > < / Modal > ) ; }
A dialog that informs the user about a problem that occurred and provides
 them with links to get help or report the issue.
A dialog that informs the user about a problem that occurred and provides them with links to get help or report the issue .