import { CheckCircle2, ShieldCheck } from 'lucide-react';

export default function PwaAccessSummary({ access }) {
  const items = access?.items || [];

  return (
    <section className="pwa-card-section">
      <div className="pwa-section-title">
        <h2>دسترسی‌های من</h2>
        {access?.is_admin && <span>مدیریتی</span>}
      </div>
      {access?.is_admin && <div className="pwa-access-admin"><ShieldCheck size={17} /> دسترسی مدیریتی فعال است.</div>}
      <div className="pwa-access-list">
        {items.length ? items.map((item) => (
          <span key={item.label}><CheckCircle2 size={15} /> {item.label}</span>
        )) : <div className="pwa-empty-inline">دسترسی قابل نمایشی ثبت نشده است.</div>}
      </div>
    </section>
  );
}
