import { Table } from "mogora-ui";

export default function TableDemo() {
  return (
    <Table variant={"default"}>
      <Table.Header>
        <Table.HeaderRow>
          <Table.HeaderCell>Nama</Table.HeaderCell>
          <Table.HeaderCell>Email</Table.HeaderCell>
          <Table.HeaderCell>HP</Table.HeaderCell>
        </Table.HeaderRow>
      </Table.Header>
      <Table.Body>
        <Table.Row>
          <Table.Cell>goncang</Table.Cell>
          <Table.Cell>goncang@gmail.com</Table.Cell>
          <Table.Cell>085133212312</Table.Cell>
        </Table.Row>
        <Table.Row>
          <Table.Cell>samudera</Table.Cell>
          <Table.Cell>samudera@gmail.com</Table.Cell>
          <Table.Cell>081357579420</Table.Cell>
        </Table.Row>
        <Table.Row>
          <Table.Cell>nasution</Table.Cell>
          <Table.Cell>nasution@gmail.com</Table.Cell>
          <Table.Cell>082234223334</Table.Cell>
        </Table.Row>
      </Table.Body>
    </Table>
  )
}