import { IDataset } from './dataset';
import { ILayer } from './layer';
import { IFilter } from './filter';
import { IInteractive } from './interactive';
import { DeepPartial } from './common';
import { IMapTheme, IMapType } from './map';
import { IPlan } from './plan';

export type IBaseComponentProps<
  ValueType = string,
  Extends = Record<string, any>,
> =
  | boolean
  | ({
      display: boolean;
      defaultValue: ValueType;
      onChange: (newValue: ValueType) => void;
    } & Extends);

export type IMapThemeConfig = IBaseComponentProps<IMapTheme>;

export type IMapTypeConfig = IBaseComponentProps<IMapType>;

export type IPreviewConfig = IBaseComponentProps<boolean>;

export type ILayerConfig = IBaseComponentProps<ILayer[]>;

export type IFilterConfig = IBaseComponentProps<IFilter[]>;

export type IInteractiveConfig = IBaseComponentProps<IInteractive[]>;

export type IDatasetConfig = IBaseComponentProps<IDataset[]>;

export interface IComponentProps {
  mapTheme: IMapThemeConfig;
  mapType: IMapTypeConfig;
  preview: IPreviewConfig;
  dataset: IDatasetConfig;
  layer: ILayerConfig;
  filter: IFilterConfig;
  interactive: IInteractiveConfig;
}

export interface IDemo extends IPlan {
  imgSrc: string;
  demoName: string;
}

export interface IGlobalProps {
  component?: DeepPartial<IComponentProps>;
  store?: boolean;
  onChange?: () => void;
  demos?: IDemo[];
}