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

const AppView: React.FC<AppViewProps> = (props) => {
  const { search, list, bar } = data;
  const changeFullscreen = () => {};
 
  useEffect(() => {
    getData().then((res: any) => {
      console.log('res', res);
    });
  }, []);

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

interface AppViewProps {}

export default memo(AppView);