import React, { createRef } from "react";
import { CommonTable, CommonTableHead, tableIcons, CommonTableDefaultProps as DefaultProps } from "@bunred/bunadmin";
import { useTheme } from "@material-ui/core/styles";
import { SchemaLabel, SchemaColumns } from "./plugin";
import dataCtrl from "./controllers/dataCtrl";
import { useTranslation } from "react-i18next";
export default function list() {
    const { t } = useTranslation("table");
    const theme = useTheme();
    const tableRef = createRef();
    return (<>
      <CommonTableHead title={t(SchemaLabel)}/>
      <CommonTable tableRef={tableRef} title={t(SchemaLabel)} columns={SchemaColumns({ t })} 
    // style
    style={DefaultProps.style} 
    // icons
    icons={tableIcons({ theme })} 
    // options
    options={{
        ...DefaultProps.options,
        filtering: true
    }} 
    // data
    data={async (query) => await dataCtrl(query)}/>
    </>);
}