const accessItems = [
  'Submission intake for dossiers, supporting instruments, and controlled correspondence',
  'Request management for service actions, publication support, and authenticated document retrieval',
  'Institution-level access review, delegated users, and operating contact confirmation',
  'Workflow status visibility for accepted, pending, returned, and closed items',
];

export default function MemberAccessPage() {
  return (
    <div className="space-y-6">
      <section className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        <h1 className="text-3xl font-semibold text-slate-900">Access & Requests</h1>
        <p className="mt-3 max-w-3xl text-sm leading-6 text-slate-600">
          Use the secure member portal for operational requests and protected submission workflows. This surface is intended for institutional users rather
          than public browsing.
        </p>
      </section>

      <section className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        <h2 className="text-xl font-semibold text-slate-900">Available workflow classes</h2>
        <ul className="mt-4 space-y-3 text-sm leading-6 text-slate-600">
          {accessItems.map((item) => (
            <li key={item}>{item}</li>
          ))}
        </ul>
      </section>
    </div>
  );
}
