import React from 'react';
import { Header, Icon } from 'semantic-ui-react';
import Tables from './Tables';

const cols = [
    { key: 'StudentName', label: 'Students Name' },
    { key: 'Perusahaan', label: 'Perusahaan' },
    { key: 'Posisi', label: 'Posisi' },
    { key: 'Status', label: 'Status' },
];

const data = [
    { id: 1, StudentName: 'John Doe', Perusahaan: 'Jalanloka', Posisi: 'Software Engineer', Status: 'Melamar' },
    { id: 2, StudentName: 'Clark Kent', Perusahaan: 'Tutuplapak', Posisi: 'Data Scientist', Status: 'Diterima' },
    { id: 3, StudentName: 'Rosamund Pike', Perusahaan: 'Tutuplapak', Posisi: 'System Analyst', Status: 'Diterima' },
    { id: 4, StudentName: 'Melissa Benoist', Perusahaan: 'Blabla', Posisi: 'Data Scientist', Status: 'Melamar' },
];


export default class Applicants extends React.Component {


  render() {
    return (
      <div className="home-dosen">
        <Header as="h2">
          <Icon name="list" />
          <Header.Content>
              Daftar Mahasiswa
            </Header.Content>
        </Header>

        <Tables data={data} cols={cols} />
      </div>

    );
  }
}