import { SectionTitle } from "@/sections/shared/SectionTitle";
import { SecWrap, ChipList, type Chip } from "@/sections/shared/grids";

const CHIPS: ReadonlyArray<Chip> = [
  { icon: "building-2", label: "الشركات" },
  { icon: "users-round", label: "العائلات" },
  { icon: "user-plus", label: "المجموعات" },
  { icon: "heart-handshake", label: "الأصدقاء" },
  { icon: "megaphone", label: "الجهات المنظمة" },
  { icon: "graduation-cap", label: "المدارس والفرق الخاصة" },
];

export function EventsAudience() {
  return (
    <SecWrap screenLabel="04 Audience">
      <SectionTitle
        eyebrow="لمن تناسب هذه الخدمة"
        heading={
          <>
            شركاء مختلفون،
            <br />
            <em>تجارب مختلفة.</em>
          </>
        }
      />
      <ChipList chips={CHIPS} />
    </SecWrap>
  );
}