import { FC } from "react";
import { Link } from "react-router-dom";
import { RouteHandler } from "../../../router/routes";

const FeatureText: FC = () => {
  return (
    <div className="w-full sm:w-2/3 px-0 sm:px-[15px] flex flex-col">
      <div className="mt-5 text-[.9375rem] text-[#454545] leading-[1.4375rem]">
        <p className="mb-[.9375rem] text-justify sm:text-left">
          Premium Salary Plus loan provides confirmed staff of commercial
          organizations more usable funds. The employee’s organization must have
          been rated on Moody’s with a minimum BB- rating, employees interested
          in the product must be eligible for minimum loan amount of 2,000,000.
        </p>
        <p className="mb-[.9375rem]">
          <strong>Features</strong>
        </p>
        <ul className="flex flex-col gap-[.625rem] list-disc pl-[2.5rem]">
          <li>Minimum loan amount - N2 Million</li>
          <li>Maximum tenure - 60 Months</li>
          <li>Minimum tenure - 12 Months</li>
          <li>Management fee - 1% flat upfront (0.5% for top-up loan)</li>
          <li>
            Collateral - Domiciliate of salary, terminal benefits and other
            allowances
          </li>
          <li>Insurance fee - 0.9%*loan amount*tenure (in years)</li>
        </ul>
      </div>
      <Link
        to={RouteHandler.getStarted}
        className="text-[#5C2684] hover:underline mt-[1.5625rem] w-fit"
      >
        ***Click here to apply
      </Link>
      <p className="mt-[.5625rem] font-bold cursor-default">
        Terms and conditions apply
      </p>
    </div>
  );
};

export default FeatureText;
