type FeatureItemProps = {
  feature: string;
};

const FeatureItem = ({ feature }: FeatureItemProps) => {
  return (
    <li className="flex gap-1 text-[0.875rem] leading-none">
      <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6 flex-shrink-0" viewBox="0 0 24 24" fill="none">
        <mask id="mask0_717_189" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
          <rect width="24" height="24" fill="#D9D9D9" />
        </mask>
        <g mask="url(#mask0_717_189)">
          <path d="M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z" fill="#0B2739" />
        </g>
      </svg>
      <span className="mt-[0.1875rem]">{feature}</span>
    </li>
  );
};

export default FeatureItem;