interface HelpDialogProps {
  onClose(): void;
}

export function HelpDialog({ onClose }: HelpDialogProps) {
  return (
    <div className="dialog-backdrop">
      <section
        className="help-dialog"
        role="dialog"
        aria-modal="true"
        aria-labelledby="help-title"
      >
        <h2 id="help-title">About OneNote Tools</h2>
        <p>
          Open tested desktop and unfragmented FSSHTTPB OneNote sections or
          complete single- and multi-cabinet .onepkg sets with a native
          TypeScript parser. For a split package, select its .onepkg and all
          linked .cab files together.
        </p>
        <p>
          Notebook trees, rich text, safe links, tables, PNG/JPEG images, ink,
          attachments, and local JSON, text, Markdown, HTML, or static ZIP
          exports are supported within documented safety and format limits.
          Encountered unsupported object kinds remain visible as diagnostics.
        </p>
        <p>
          Fragmented FSSHTTPB data, equations, audio/video, exact OneNote page
          placement, and untested producer variants remain unsupported. Exports
          preserve readable content but do not create OneNote files.
        </p>
        <p>
          Nothing is uploaded or sent to telemetry, and the app stores no
          notebook data unless you explicitly download a resource or create an
          export. Closing or clearing releases application references and
          terminates the worker; this is not a secure-erasure guarantee.
        </p>
        <button type="button" onClick={onClose}>
          Close
        </button>
      </section>
    </div>
  );
}