import type {
  ComponentType,
  CSSProperties,
  HTMLAttributes,
  ReactNode,
} from 'react';

export interface MapContextValue {
  mapRef: { current: unknown };
  drawRef: { current: unknown };
  mapContainerRef: { current: unknown };
  sources: Record<string, unknown>;
  setSources: (sources: Record<string, unknown>) => void;
  mode: string;
  setMode: (mode: string) => void;
  status: string;
  setStatus: (status: string) => void;
  showDrawActionPopup: boolean;
  setShowDrawActionPopup: (value: boolean) => void;
  isDetailActive: boolean;
  setIsDetailActive: (value: boolean) => void;
}

export interface MapStoreState {
  [key: string]: unknown;
}

export type MapStateSelector<T> = (state: MapStoreState) => T;

export interface AgvMapConfigs {
  themeMode?: 'light' | 'dark' | 'system' | string;
  username?: string;
  [key: string]: unknown;
}

export interface RootProps {
  children?: ReactNode;
  configs?: AgvMapConfigs;
  authToken?: string;
}

export interface ProvidersProps {
  children?: ReactNode;
  markers?: unknown[];
}

export interface ThemeProviderProps {
  children?: ReactNode;
  configs?: AgvMapConfigs;
  defaultTheme?: string;
}

export interface MapProps {
  children?: ReactNode;
  style?: CSSProperties;
  configs?: AgvMapConfigs;
  showThemeToggle?: boolean;
  initialSpinner?: ReactNode;
  /** Enable zooming with plain mouse-wheel or trackpad scrolling. Defaults to false. */
  zoomOnScroll?: boolean;
}

export interface MapPartProps extends HTMLAttributes<HTMLDivElement> {
  mapRef?: { current: unknown };
  dateRange?: unknown;
  configs?: AgvMapConfigs;
  onDateSelect?: (date?: unknown) => void;
  [key: string]: unknown;
}

export const Root: ComponentType<RootProps>;
export const Providers: ComponentType<ProvidersProps>;
export const themeProvider: ComponentType<ThemeProviderProps>;
export const ThemeProvider: ComponentType<ThemeProviderProps>;
export const Map: ComponentType<MapProps>;

export const NDVILayer: ComponentType<MapPartProps>;
export const LayerDataViewer: ComponentType<MapPartProps>;
export const ColorLegend: ComponentType<MapPartProps>;
export const BottomControls: ComponentType<MapPartProps>;
export const Markers: ComponentType<MapPartProps>;
export const MarkerPopup: ComponentType<MapPartProps>;
export const Farms: ComponentType<MapPartProps>;
export const Plots: ComponentType<MapPartProps>;
export const NavbarWrapper: ComponentType<MapPartProps>;
export const DateHierarchyDropdownV2: ComponentType<MapPartProps>;
export const PAWStatusPieChart: ComponentType<MapPartProps>;
export const DrawPolygonControl: ComponentType<MapPartProps>;
export const EditPlotGeometryControl: ComponentType<MapPartProps>;
export const AddPlotControl: ComponentType<MapPartProps>;
export const AddStationControl: ComponentType<MapPartProps>;
export const AddFarmModal: ComponentType<MapPartProps>;
export const PickerControl: ComponentType<MapPartProps>;
export const AreaDetails: ComponentType<MapPartProps>;
export const StatusBar: ComponentType<MapPartProps>;
export const MapLoadingOverlay: ComponentType<MapPartProps>;
export const FarmETProgressIndicator: ComponentType<MapPartProps>;

// Self-contained map-part components (produce their own positioning and
// conditional logic; consume the nearest <Map> automatically).
export interface MapPartVariantProps extends MapPartProps {
  variant?: 'single' | 'split';
}

export const MapControl: ComponentType<MapPartVariantProps>;
export const MapDateSelector: ComponentType<MapPartVariantProps>;
export const MapPickerControl: ComponentType<MapPartVariantProps>;
export const MapRasterLayer: ComponentType<MapPartVariantProps>;
export const MapPlots: ComponentType<MapPartVariantProps>;
export const MapFarms: ComponentType<MapPartVariantProps>;
export const MapEditingControls: ComponentType<MapPartProps>;
export const ComparisonMap: ComponentType<{
  mapProps?: unknown;
  children?: ReactNode;
}>;

// Positioning wrappers (classic overlay layout pieces from map-parts).
export const MapNavbar: ComponentType<MapPartProps>;
export const MapFarmProgress: ComponentType<
  MapPartProps & { children?: ReactNode }
>;
export const MapPawStatus: ComponentType<MapPartProps>;
export const MapDataViewer: ComponentType<MapPartProps>;
export const MapColorLegend: ComponentType<MapPartProps>;
export const MapBottomControls: ComponentType<MapPartProps>;

export interface AgvMapProps extends MapProps {
  markers?: unknown[];
  authToken?: string;
}

export const AgvMap: ComponentType<AgvMapProps>;

export function useMapContext(): MapContextValue;
export function useMapState<T = MapStoreState>(selector?: MapStateSelector<T>): T;
export function useFarms(): Record<string, unknown>;
export function usePlots(): Record<string, unknown>;
export function useMarkers(): Record<string, unknown>;
export function useRasterLayer(): Record<string, unknown>;
export function useSettings(): Record<string, unknown>;
export function useInitialView(): unknown;
export function useDarkMode(): boolean;
export function useUserPreferences(): Record<string, unknown>;
export function useConfirm(): unknown;
export function useTour(): Record<string, unknown>;