import { Table, Typography } from "antd";

const { Title } = Typography;

export default function KeyValueTable({ title, data }: KeyValueTableProps) {
  const columns = [
    {
      title: "Name",
      dataIndex: "name",
      key: "name",
    },
    {
      title: "Value",
      dataIndex: "value",
      key: "value",
    },
  ];

  return (
    <>
      <Title level={2}>{title}</Title>
      <Table pagination={false} columns={columns} dataSource={data} rowKey="name" />
    </>
  );
}

interface KeyValueTableProps {
  title: string, 
  data: any,
};