import React, { memo } from 'react';
import { Space } from 'antd';
import { QxSearchForm, QxTable, QxToolbar } from '@/src/components/view-render';
import { useRequest } from 'ahooks';
import { getData } from './services';
import data from './data.json';

const AppView: React.FC<AppViewProps> = (props) => {
  const { search, list, bar } = data;
  const { data: tableData = {} as any, run, loading } = useRequest(getData);

  const changeFullscreen = () => {};

  return (
    <Space direction="vertical" size={20}>
      <QxSearchForm {...search} onSearch={() => run()} />
      <QxToolbar
        isFullscreen
        changeFullscreen={changeFullscreen}
        buttons={bar.buttons}
      />
      <QxTable
        loading={loading}
        columns={list.columns}
        dataSource={tableData.list}
      />
    </Space>
  );
};

interface AppViewProps {}

export default memo(AppView);