import React from "react";

import Card from "../card";
import { CARDS } from "../../mockData/cards";

import "./style.scss";

const CardsTable = () => {
  return (
    <div className="cards-table">
      {CARDS.map((card) => (
        <>
          <Card
            key={card.id}
            image={card.image}
            tags={card.tags}
            title={card.title}
            description={card.description}
            time={card.time}
            date={card.date}
          />
          <span className="line" />
        </>
      ))}
    </div>
  );
};

export default CardsTable;
