import { Component } from 'vue';
import { WidgetComponentType } from '../../detail/config/visualOptions';
import { instrumentComponent1, instrumentComponent2 } from './dashBoardComponent.config';
import DashBoardComponent from './DashBoardComponent.vue';
import DigitalDashBoard from './DigitalDashBoard.vue';
import { buildUUID } from '/@/utils/uuid';

interface InstrumentComponentConfig {
  id: WidgetComponentType;
  layout: Recordable;
  component: Component;
  value: Recordable;
}

export const instrumentComponentConfig: InstrumentComponentConfig[] = [
  {
    id: 'instrument-component-1',
    layout: instrumentComponent1(),
    component: DashBoardComponent,
    value: { id: buildUUID() },
  },
  {
    id: 'instrument-component-2',
    layout: instrumentComponent2(),
    component: DashBoardComponent,
    value: { id: buildUUID() },
  },
  {
    id: 'digital-dashboard',
    layout: {},
    component: DigitalDashBoard,
    value: {},
  },
];