/**
 * @param {{
 *   kind?: string,
 *   code?: string,
 *   buildId?: string,
 *   configSchemaVersion?: string,
 *   releaseId?: string,
 *   supportReference: string
 * }} props
 */
export function BootErrorShell({
  kind = "BOOT_CONFIG_FAILURE",
  code = "BOOT_FAILED",
  buildId,
  configSchemaVersion,
  releaseId,
  supportReference,
}) {
  return (
    <main role="alert">
      <h1>애플리케이션을 시작할 수 없습니다.</h1>
      <dl>
        <dt>오류</dt>
        <dd>{kind}</dd>
        <dt>코드</dt>
        <dd>{code}</dd>
        {buildId && (
          <>
            <dt>빌드</dt>
            <dd>{buildId}</dd>
          </>
        )}
        {configSchemaVersion && (
          <>
            <dt>설정 스키마</dt>
            <dd>{configSchemaVersion}</dd>
          </>
        )}
        {releaseId && (
          <>
            <dt>릴리스</dt>
            <dd>{releaseId}</dd>
          </>
        )}
      </dl>
      <p>지원 참조: {supportReference}</p>
    </main>
  );
}