Simple Design System

Name	Birthday	Address	Job
NameCty Cp Cong Nghiep Tau Thuy Tam Bac	Birthday4/5/2036	AddressNgo 179, Khuong Trung,Hn	JobLam thue, cong viec gia dinh
NameNguyen Thi Tien	Birthday7/13/2030	AddressSong Mai Bac Giang	JobCong ty lam truong va giong cay trong
NamePhan Huynh Hanh Tuyet	Birthday2/13/2054	AddressCan Huu Quoc Oai Ha Noi	JobLam thue, cong viec gia dinh
NamePhan Van Hung	Birthday3/20/2087	Address1 Ngo 52 Minh Khai-Hai Ba Trung-Hn	JobHd dang, doan the va hiep hoi
NameNguyen Dac Sac	Birthday3/27/2107	Address45 Hang Dau,Hoan Kiem,Ha Noi	JobNganh xay dung khac

import Table, { Cell, HeaderCell, Column } from '@molecules/table/Table';
import { objectGenerator } from '~/mock/objectGenerator';

const TableBasic = () => {
  const data = objectGenerator(['name', 'birthday', 'address', 'job'], 5, true);
  return (
    <>
      <Table data={data}>
        <Column>
          <HeaderCell header={'Name'} />
          <Cell dataKey="name" />
        </Column>
        <Column>
          <HeaderCell header={'Birthday'} />
          <Cell dataKey="birthday" />
        </Column>
        <Column>
          <HeaderCell header={'Address'} />
          <Cell dataKey="address" />
        </Column>
        <Column>
          <HeaderCell header={'Job'} />
          <Cell dataKey="job" />
        </Column>
      </Table>
    </>
  );
};

export default TableBasic;