import { Href, ImagePath } from "@/Constant";
import { CustomList } from "@/Data/Uikits/Lists";
import { ListGroupItem } from "reactstrap";

export const DynamicCustomContentList = () => {
  return (
    <>
      {CustomList.map(({ src, title, mail, days, text, smallText }, index) => (
        <ListGroupItem tag="a" href={Href} className="list-group-item-action list-hover-primary" key={index}>
          <div className="d-flex w-100 justify-content-between align-items-center">
            <div className="list-wrapper">
              <img className="list-img" src={`${ImagePath}/${src}`} alt="profile" />
              <div className="list-content">
                <h6>{title}</h6>
                <p>{mail}</p>
              </div>
            </div>
            <small>{days}</small>
          </div>
          <p className="mb-1">{text}</p>
          <small className="text-black">{smallText}</small>
        </ListGroupItem>
      ))}
    </>
  );
};