import { TableColumn } from '../datatable/DataTable.vue.d';
import { DialogFormProps } from '../dialogform/DialogForm.vue.d';
import { ClassComponent } from '../ts-helpers';

export interface ButtonImportExcelProps {
  tableName: string;
  dialog?: Omit<DialogFormProps, 'visible'>;
  fileUpload?: {
    /**
     * @default 'File Upload'
     */
    label: string;
    placeholder: string;
  };

  /**
   * In case field from excel is different from datatable columns
   * Also to determine field type for field that has datatype other than string
   *
   * @description - Array of string should be in order based on column order in data table
   */
  columnFields?: { field: string; fieldType?: TableColumn['fieldType'] }[];
}

export type ButtonImportExcelEmits = {
  importedJson: [value: unknown[]];
};

declare class ButtonImportExcel extends ClassComponent<
  ButtonImportExcelProps,
  ButtonImportExcelEmits,
  unknown
> {}

export default ButtonImportExcel;