import Image from "next/image";
import ArrowLeft from "@/icons/ArrowLeft.svg";
import IndustriesOrganization from "@/public/images/IndustriesOrganization.svg";
import ComputerGuildSystemOrganization from "@/public/images/ComputerGuildSystemOrganization.svg";
import EcosystemDevelopmentProgram from "@/public/images/EcosystemDevelopmentProgram.svg";
import ElectronicProcurementOrganization from "@/public/images/ElectronicProcurementOrganization.svg";
const menuItems = [
  {
    title: "سازمان صنایع کوچک و شهرک های صنعتی ایران",
    icon: IndustriesOrganization,
  },
  {
    title: "سازمان نظام صنفی رایانه ای کشور",
    icon: ComputerGuildSystemOrganization,
  },
  {
    title: "برنامه توسعه زیست بوم شرکت های خلاق",
    icon: EcosystemDevelopmentProgram,
  },
  {
    title: "سازمان تدارکات الکترونیکی دولت",
    icon: ElectronicProcurementOrganization,
  },
];
function Licenses() {
  return (
    <div>
      <h2 className="font-black text-lg lg:text-xl text-primary">
        <Image
          src={ArrowLeft}
          width={12}
          height={16}
          alt="Arrow"
          className="inline ml-2"
        />
        مجوز ها
      </h2>
      <ul>
        {menuItems.map((item, index) => (
          <li
            key={index}
            className="flex items-center gap-2 my-4 text-primary font-medium text-sm"
          >
            <Image src={item.icon} width={32} height={32} alt={item.title} />
            <span>{item.title}</span>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default Licenses;
