import { FaCheck } from "react-icons/fa6";
import { PackageProperty } from "@/types/package";
import { useTranslations } from "next-intl";
interface FeatureItemProps {
  property: PackageProperty;
}

export default function FeatureItem({ property }: FeatureItemProps) {
  const t = useTranslations();
  return (
    <div className="flex items-center gap-2">
      <span className="bg-secondary-32 p-1.5 w-[22px] h-[22px] rounded-full flex items-center justify-center">
        <FaCheck className="text-secondary-main size-[18px]" />
      </span>
      <span className="text-[14px] font-bold">
        {property.description}{" "}
        <span className="text-secondary-main/70">
          {property.type === "feature"
            ? ""
            : property.type === "unlimited" || property.type === "infinite" || property.value === -1
            ? t("unlimited")
            : property.value}
        </span>
      </span>
    </div>
  );
}