import React from 'react'

import Table from '@indshine/mf-table'
import '@indshine/mf-table/dist/index.css'

const data = [
  {
    name: 'Elon Musk',
    company: 'Tesla',
  },
  {
    name: 'Jeff Bezos',
    company: 'Amazon',
  },
]

const columns = [
  { dataKey: 'name', title: 'Name', renderCell: (name: string) => name },
  {
    dataKey: 'company',
    title: 'Company',
    renderCell: (company: string) => company,
  },
]

const Example = () => <Table data={data} columns={columns} />