import DeleteIcon from "@/app/components/icons/delete";
import React from "react";
import styles from "./styles.module.css";

const Card = (props) => {
  return (
    <div className={styles.cardContainer} {...props}>
      <div className={styles.cardDetails}>
        <div className={styles.list}>
          <p>Name</p>
          <p>{props?.data?.name}</p>
        </div>
        <div className={styles.list}>
          <p>Endpoint</p>
          <p>{props?.data?.endPoint}</p>
        </div>
        <div className={styles.list}>
          <p>Type</p>
          <p>{props?.data?.type}</p>
        </div>
        <div className={styles.list}>
          <p>Proxy Name</p>
          <p>{props?.data?.proxyName}</p>
        </div>
        <div className={styles.list}>
          <p>Date Created</p>
          <p>{props?.data?.dateCreated}</p>
        </div>
      </div>
      <div className={styles.cardAction}>
        <DeleteIcon />
      </div>
    </div>
  );
};

export default Card;
