import React, { Fragment } from 'react';
// import WidgetId from '@webaholics/one-app-core/client/OneLayout/WidgetId';
// import EditableText from '@webaholics/one-app-core/client/BigJohns/EditableText';
import DataTable from '@webaholics/one-app-template-stardom/src/UIElements/tables/DataTable';

const testTable = {
  columns: ['name', 'number'],
  rows: [
    {
      name: 'Zach to the future', number: 6, colx: 'sad', col5: 5,
    },
    {
      name: 'Goblin Jones', number: 2, colx: 345, col5: null,
    },
    {
      name: 'Chadwick Gonzalez', number: 13, colx: 345, colz: 'three',
    },
    {
      name: 'Orrin "hatch green chile" nailer', number: 3, colx: 'with the ', col5: 'basic table',
    },
  ],
};

const View = () => (
  // <WidgetId>
  // {wId => (
  <Fragment>
    <DataTable rowlimit={5} filtercolumn="name" filterdirection="asc" tableData={testTable} />
  </Fragment>
  // )}
  // </WidgetId>
);

export default View;