import { ForwardRefExoticComponent, RefAttributes } from "react";

export interface EditorType {
  icons: IconType[];
  shape: {
    component?: string | null;
    colour: string;
    stringColor?: string;
    image?: {
      urls?: string[];
      enabled?: boolean;
    };
    gradient: {
      enabled: boolean;
      colours?: any[];
      angle: any;
      type?: string;
    };
    position: {
      angle?: number;
      scale?: number;
    };
    background_image?: string;
    radius?: number;
    border?: {
      width?: number;
      colour?: string;
    };
    transparency: boolean;
  };
}

export interface IconType {
  component?: string | null;
  colour?: string;
  gradient?: {
    enabled?: boolean;
    colours?: any[];
    angle?: any;
    type?: string;
  };
  stringColor?: string;
  image?: string;
  background_image?: string;
  border?: {
    width?: number;
    colour?: string;
  };
  shadow?: {
    enabled?: boolean;
    colour?: string;
    position?: {
      x?: number;
      y?: number;
      blur?: number;
    };
  };
  custom_text?: {
    text?: string;
    enabled?: boolean;
    size?: number;
  };
  transparency?: number;
  position?: {
    x?: number;
    y?: number;
    scale?: number;
    angle?: number;
    xPath?: number;
    yPath?: number;
  };
}

export interface IconItem {
  tags: string[];
  category?: string;
  date?: number;
  name: string;
  defaultColor?: string;
  component:
    | React.Component
    | ForwardRefExoticComponent<
        Pick<any, string | number | symbol> & RefAttributes<unknown>
      >;
}