import type { InjectionKey, Ref } from 'vue';
import type { QTableColumn } from 'quasar';
import type { Settings, Table } from '../stores/main/models';
import type { CellKind } from './useCellRendering';

export interface TableCellContext {
  settings: Ref<Settings>;
  selectedTable: Ref<Table | null>;
  textColorClass: (val: string | undefined) => string;
  textColorStyle: (val: string | undefined) => Record<string, string>;
  bgColorClass: (val: string | undefined) => string;
  bgColorStyle: (val: string | undefined) => Record<string, string>;
  resolveCellKind: (
    value: unknown,
    opts: {
      colName: string;
      allowHtml: boolean;
    }
  ) => CellKind;
  sanitizeCellHtml: (value: string) => string;
  onHtmlCellClick: (event: MouseEvent) => void;
  openImage: (path: string) => void;
}

export const TableCellContextKey: InjectionKey<TableCellContext> =
  Symbol('tableCellContext');

export type { QTableColumn };