import { Tabs } from 'antd';
import AllAlertRules from 'container/ListAlertRules';
// import MapAlertChannels from 'container/MapAlertChannels';
import TriggeredAlerts from 'container/TriggeredAlerts';
import React from 'react';

const { TabPane } = Tabs;

function AllAlertList(): JSX.Element {
	return (
		<Tabs destroyInactiveTabPane defaultActiveKey="Alert Rules">
			<TabPane tabKey="Alert Rules" tab="Alert Rules" key="Alert Rules">
				<AllAlertRules />
			</TabPane>

			<TabPane
				tabKey="Triggered Alerts"
				key="Triggered Alerts"
				tab="Triggered Alerts"
			>
				<TriggeredAlerts />
			</TabPane>

			{/* <TabPane
				tabKey="Map Alert Channels"
				key="Map Alert Channels"
				tab="Map Alert Channels"
			>
				<MapAlertChannels />
			</TabPane> */}
		</Tabs>
	);
}

export default AllAlertList;