import { AdvantageType } from "../../types";

type TechnologyAdvantagesProps = {
  title: string;
  advantages: AdvantageType[];
};

const TechnologyAdvantages = ({
  title,
  advantages,
}: TechnologyAdvantagesProps) => {
  return (
    <div className="py-5">
      <h3 className="text-5xl font-bold pb-10">{title}</h3>
      <div className="flex gap-10">
        {advantages.map((adv) => (
          <div className="w-1/6 flex flex-col gap-5" key={adv.title}>
            <div className="text-[#edaedd] text-4xl font-bold">{adv.title}</div>
            <div className="text-2xl">{adv.description}</div>
          </div>
        ))}
      </div>
    </div>
  );
};

export default TechnologyAdvantages;
