import { h } from 'vue-demi';

import type { MComponent, StyleSchema } from '@tmagic/core';

export * from './hooks/use-editor-dsl';
export * from './hooks/use-dsl';
export * from './hooks/use-app';
export * from './hooks/use-component-status';
export { useComponent } from './hooks/use-component';

export interface userRenderFunctionOptions {
  h: typeof h;
  type: Parameters<typeof h>[0];
  props?: {
    [key: string]: any;
  };
  attrs?: {
    [key: string]: any;
  };
  className?: string | string[];
  style?: StyleSchema;
  config: Omit<MComponent, 'id'>;
  on?: {
    [key: string]: (...args: any[]) => any;
  };
  directives?: { name: string; value: any; modifiers: any }[];
}

export type UserRenderFunction = (options: userRenderFunctionOptions) => any;