import React, { useState, useCallback } from 'react'
import { Spin, Card, Layout, Row, Col, Form, Input, Radio, Select, Button, Message } from 'antd'
import PageHeader from './PageHeader'
import Pagination from './Pagination'
import TableArea from './TableArea'
import { useData, useActions, useCommit } from '@ttk/app-loader'

export default function CardTree(props) {
  return (
    <Card
      className="ttk-table-app-simplelist edfx-deptPers-content mk-card"
    >
      <Layout className="edfx-deptPers-content">
        <PageHeader {...props}/>
        <TableArea {...props}/>
        <Pagination {...props}/>
      </Layout>
    </Card>
  )
}