import { APP_MODE, PANEL_TYPE } from './constants';
import type { Layout as RGLayout } from 'react-grid-layout';
import type { DatasetConfig } from '../dataset-manager';
import type { CanvasConfig } from '../canvas';

export type Layouts = RGLayout[];

export type Layout = Pick<RGLayout, 'x' | 'y' | 'w' | 'h'>;

type PanelConfig = {
  layout: Layout;
  enabled: boolean;
};

export type AppConfig = {
  panel: {
    [PANEL_TYPE.DatasetManager]: PanelConfig;
    [PANEL_TYPE.ComponentMenu]: PanelConfig;
    [PANEL_TYPE.Canvas]: PanelConfig;
    [PANEL_TYPE.ConfigPanel]: PanelConfig;
  };
  datasets: DatasetConfig[];
  canvas: CanvasConfig;
  [key: string]: any;
};

export type AppMode = keyof typeof APP_MODE;