import React from "react"; import arrowDown from "./arrow-down.svg"; import arrowUp from "./arrow-up.svg"; const TableDesign1 = ({ tableItems, tableSubItems }) => { return (
{tableItems.map((tableItem, index) => ( ))} {tableSubItems.map((tableSubItem, i) => ( ))}
{tableItem.title}
{tableItem.status}
{tableItem.date}
{tableItem.payedPrice}
{tableSubItem.title} {tableSubItem.status ? "فعال" : "غیر فعال"} {tableSubItem.date} {tableSubItem.payedPrice} ریال
); }; export default TableDesign1; TableDesign1.defaultProps = { tableItems: [ { title: "عنوان", status: "وضعیت", date: "تاریخ", payedPrice: "مبلغ پرداختی", }, ], tableSubItems: [ { title: "مایکروویر سامسونگ مدل", status: true, date: "1400/09/21", payedPrice: 2400000, }, { title: "آزمون آنلاین درس علوم تجربی", status: false, date: "1400/09/21", payedPrice: 2400000, }, ], };