weseek__growi/apps/app/src/client/components/Admin/AuditLog/AuditLogDisableMode.tsx

import type { FC } from 'react';
import React from 'react';
import { useTranslation } from 'react-i18next';

export const AuditLogDisableMode: FC = () => {
  const { t } = useTranslation('admin');

  return (
    <div className="ccontainer-lg">
      <div className="container">
        <div className="row justify-content-md-center">
          <div className="col-md-6 mt-5">
            <div className="text-center">
              {/* error icon large */}
              <h1>
                <span className="material-symbols-outlined">error</span>
              </h1>
              <h1 className="text-center">
                {t('audit_log_management.audit_log')}
              </h1>
              <h3
                // eslint-disable-next-line react/no-danger
                // biome-ignore lint/security/noDangerouslySetInnerHtml: trusted translation markup
                dangerouslySetInnerHTML={{
                  __html: t('audit_log_management.disable_mode_explanation'),
                }}
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};