import { Group, Stack } from '@tidbcloud/uikit'

import { AdvisorHelperDrawer } from './components/AdvisorHelperDrawer'
import { AdvisorsFilters } from './components/AdvisorsFilters'
// import { AdvisorsSummary } from './components/AdvisorsSummary'
import { AdvisorsTable } from './components/AdvisorsTable'
import { RefreshButton } from './components/RefreshButton'

export function IndexAdvisorPage() {
  return (
    <Stack mx={-24}>
      {/* temporary hide it */}
      {/* <AdvisorsSummary /> */}

      <Group px={24}>
        <AdvisorsFilters />
        <RefreshButton />
      </Group>

      <AdvisorsTable />
      <AdvisorHelperDrawer />
    </Stack>
  )
}