import { Tabs } from 'antd'

import { OncallDashboard } from './Oncall/OncallDashboard'
import { OperationDashboard } from './Operation/OperationDashboard'
import { ResourceDashboard } from './Resource/ResourceDashboard'

export default function Overview() {
  return (
    <>
      <Tabs defaultActiveKey="operation" centered>
        <Tabs.TabPane tab="Operation Dashboard" key="operation">
          <OperationDashboard />
        </Tabs.TabPane>
        <Tabs.TabPane tab="Resource Dashboard" key="resource">
          <ResourceDashboard />
        </Tabs.TabPane>
        <Tabs.TabPane tab="Oncall Dashboard" key="oncall">
          <OncallDashboard />
        </Tabs.TabPane>
      </Tabs>
    </>
  )
}