import React from 'react';
import './App.scss';
import DataGrid from './data-grid';


function App() {

  const columns = [
    {
      title: "Name",
      field: "name",
    },
    {
      title: "Approvals",
      field: "approvals",
      dataType: "approvalStatus",
    },
    {
      title: "Infractions",
      field: "infractions",
      dataType: "icon",
    },
    {
      title: "Notes",
      field: "notes",
      dataType: "icon",
    },
    {
      title: "Reg Hours",
      field: "regHours",
    },
    {
      title: "OT Hours",
      field: "otHours",
    },
    {
      title: "Total Hours",
      field: "totalHours",
    },
  ];

  const data = [
    {
      approvals: "",
      guidField: "",
      infractionStatus: "active",
      infractions: "",
      name: "Daniels, Sophia",
      notes: "",
      otHours: "4.00",
      punchNotes: "",
      regHours: "20.00",
      totalHours: "24.00"
    },
  ]
  return (
    <div className="App">
      <DataGrid gridID="bugDemo" columns={columns} data={data}/>
    </div>
  );
}

export default App;