Function DataTable

app/components/DataTable.tsx:51–73

({ rows })

};

export const DataTable: FunctionComponent<DataTableProps> = ({ rows }) => {
  return (
    <div>
      <Title className="text-slate-700 dark:text-slate-400 mb-2">
        Properties
      </Title>
      <table className="w-full table-auto border-y-[0.5px] border-slate-300 transition dark:border-slate-700">
        <tbody className="divide-solid divide-y divide-slate-300 w-full transition dark:divide-slate-700">
          {rows.map((row) => {
            return (
              <DataRow
                key={row.key}
                title={row.key}
                value={row.value}
                icon={row.icon}
              />
            );
          })}
        </tbody>
      </table>
    </div>
  );
};