import { AssetSummarySection } from './overview/AssetSummarySection';
import { FlowStatisticsCard } from './overview/FlowStatisticsCard';
import { InventoryStatisticsSection } from './overview/InventoryStatisticsSection';
import { SummaryMetrics } from './overview/SummaryMetrics';
import type { OverviewViewProps } from './overview/types';

export function OverviewView(props: OverviewViewProps) {
  return (
    <>
      <SummaryMetrics
        summary={props.summary}
        operatingRate={props.operatingRate}
        inventoryRate={props.inventoryRate}
        pendingRate={props.pendingRate}
        setVehicleSelection={props.setVehicleSelection}
      />

      <FlowStatisticsCard
        flowRange={props.flowRange}
        setFlowRange={props.setFlowRange}
        flowLoading={props.flowLoading}
        flowStats={props.flowStats}
        exportFlowDetails={props.exportFlowDetails}
        flowDailyExpanded={props.flowDailyExpanded}
        setFlowDailyExpanded={props.setFlowDailyExpanded}
        setSelectedFlow={props.setSelectedFlow}
      />

      <AssetSummarySection
        processedData={props.processedData}
        theme={props.theme}
        expandedAssetTypes={props.expandedAssetTypes}
        toggleAssetType={props.toggleAssetType}
        expandedModels={props.expandedModels}
        toggleModel={props.toggleModel}
        setVehicleSelection={props.setVehicleSelection}
      />

      <InventoryStatisticsSection
        inventoryFilters={props.inventoryFilters}
        setInventoryFilters={props.setInventoryFilters}
        draftInventoryFilters={props.draftInventoryFilters}
        setDraftInventoryFilters={props.setDraftInventoryFilters}
        isInventoryFilterOpen={props.isInventoryFilterOpen}
        setIsInventoryFilterOpen={props.setIsInventoryFilterOpen}
        uniqueInventoryRegions={props.uniqueInventoryRegions}
        uniqueInventoryCities={props.uniqueInventoryCities}
        uniqueInventoryBrands={props.uniqueInventoryBrands}
        uniqueInventoryTypes={props.uniqueInventoryTypes}
        uniqueInventoryModelsForType={props.uniqueInventoryModelsForType}
        filteredInventoryStats={props.filteredInventoryStats}
        inventoryTab={props.inventoryTab}
        setInventoryTab={props.setInventoryTab}
        inventoryByRegion={props.inventoryByRegion}
        expandedInventoryRegions={props.expandedInventoryRegions}
        toggleInventoryRegion={props.toggleInventoryRegion}
        inventoryByModel={props.inventoryByModel}
        expandedInventoryTypes={props.expandedInventoryTypes}
        toggleInventoryType={props.toggleInventoryType}
        setVehicleSelection={props.setVehicleSelection}
      />
    </>
  );
}