export default function Table(props: any) {
  return (
    <table id={props.name || "table"}>
      <thead>
        <tr>
          {props.columns.map((column: string) => (
            <th key={column}>{column}</th>
          ))}
        </tr>
      </thead>
      <tbody>
        {props.data.map((row: { [column: string]: any }, i: number) => (
          <tr key={`row-${i}`}>
            {props.columns.map((_column: string, j: number) => (
              <td key={`cell ${i}, ${j}`}>{JSON.stringify(row[j])}</td>
            ))}
          </tr>
        ))}
      </tbody>
    </table>
  );
}