import { AlarmsHeatmap } from "@/features/charts/AlarmsHeatmap";
import { CountOfObjectTypesChart } from "@/features/charts/CountOfObjectTypesChart";
import { EventsOfTimeSwitcher } from "@/features/charts/EventsOfTimeSwitcher";
import { FaultsHealthSummary } from "@/features/charts/FaultsHealthSummary";
import { OnlineAssetsStatusPieChart } from "@/features/charts/OnlineAssetsStatusPieChart";
import { TopAlarmedAssets } from "@/features/charts/TopAlarmedAssets";

export const Analytics = () => {
	return (
		<div className="w-full h-full flex flex-col gap-4 items-stretch">
			<div className="w-full flex gap-4 flex-wrap">
				<OnlineAssetsStatusPieChart />
				<CountOfObjectTypesChart />
				<EventsOfTimeSwitcher />
				<FaultsHealthSummary />
				<TopAlarmedAssets />
				<AlarmsHeatmap/>
			</div>
		</div>
	);
};
