import React from "react";
import "./Founding_farmers_card.css";
import ReadMoreReact from 'read-more-react';

function Founding_farmers_card({ foudingFarmersData }) {
  return (
    <>
      <section className="Founding_farmers_card">
        <div className="img_holder">
          <img
            className="Founder_img"
            src={process.env.NEXT_PUBLIC_IMG_URL + foudingFarmersData?.image}
            alt={"Founder_img"}
          />
        </div>
        <div className="text_holder">
          <h4>{foudingFarmersData?.name}</h4>
          <h6>{foudingFarmersData?.designation}</h6>
          {/* <p>{foudingFarmersData?.subname}</p> */}

          <ReadMoreReact text={foudingFarmersData?.subname}
            min={100}
            ideal={100}
            max={100}
            readMoreText="Read More..." />
        </div>
      </section>
    </>
  );
}

export default Founding_farmers_card;
