// This interface is to be used in all the modules of the project
// Each module should have its own interface and call the following function:
// TODO: Add a function to register a module
import { Icon } from '@tabler/icons-react';

// Note: Maybe use context to keep track of the modules
// TODO: Remove this old component and the entire file
export type IModule = {
  id: string;
  title: string;
  icon: Icon;
  component: React.ComponentType;
  options?: Option;
  padding?: PaddingOptions;
};

interface PaddingOptions {
  top: number;
  right: number;
}

interface Option {
  [x: string]: OptionValues;
}

export interface OptionValues {
  name: string;
  value: boolean | string | string[];
  options?: string[];
}