import {
  PaletteColor,
  SimplePaletteColorOptions,
  ColorPartial,
} from '@mui/material/styles';

declare module '@mui/material' {
  interface ButtonPropsSizeOverrides {
    extraLarge: true;
    extraSmall: true;
  }

  interface ChipPropsSizeOverrides {
    large: true;
  }

  interface IconButtonPropsSizeOverrides {
    extraLarge: true;
    extraSmall: true;
  }

  interface TypographyPropsVariantOverrides {
    subtitle3: true;
    body3: true;
    body4: true;
    button: false;
    button1: true;
    button2: true;
    button3: true;
  }

  interface Palette {
    link: PaletteColor;
    highlight: PaletteColor;
    yellow: PaletteColor;
    teal: PaletteColor;
    indigo: PaletteColor;
    purple: PaletteColor;
    placeholder: PaletteColor;
    success: PaletteColor;
    warning: PaletteColor;
  }

  interface PaletteOptions {
    link?: SimplePaletteColorOptions;
    highlight?: SimplePaletteColorOptions;
    yellow?: SimplePaletteColorOptions;
    teal?: SimplePaletteColorOptions;
    indigo?: SimplePaletteColorOptions;
    purple?: SimplePaletteColorOptions;
    placeholder?: SimplePaletteColorOptions;
    success?: SimplePaletteColorOptions;
    warning?: SimplePaletteColorOptions;
    grey?: ColorPartial;
  }

  interface ButtonPropsSizeOverrides {
    extraLarge: true;
    extraSmall: true;
  }

  interface IconButtonPropsSizeOverrides {
    extraLarge: true;
    extraSmall: true;
  }

  interface TypographyPropsVariantOverrides {
    subtitle3: true;
    body3: true;
    body4: true;
    button: false;
    button1: true;
    button2: true;
    button3: true;
    caption: true;
  }
}

declare module '@mui/material/styles' {
  interface Palette {
    link: PaletteColor;
    highlight: PaletteColor;
    yellow: PaletteColor;
    teal: PaletteColor;
    indigo: PaletteColor;
    purple: PaletteColor;
    placeholder: PaletteColor;
    success: PaletteColor;
    warning: PaletteColor;
  }

  interface PaletteOptions {
    link?: SimplePaletteColorOptions;
    highlight?: SimplePaletteColorOptions;
    yellow?: SimplePaletteColorOptions;
    teal?: SimplePaletteColorOptions;
    indigo?: SimplePaletteColorOptions;
    purple?: SimplePaletteColorOptions;
    placeholder?: SimplePaletteColorOptions;
    success?: SimplePaletteColorOptions;
    warning?: SimplePaletteColorOptions;
  }
  interface BreakpointOverrides {
    xxs: true;
    xs: true;
    sm: true;
    md: true;
    lg: true;
    xl: true;
    xxl: true;
  }
}

declare module '@mui/material/Button' {
  interface ButtonPropsSizeOverrides {
    extraLarge: true;
    extraSmall: true;
  }
}

declare module '@mui/material/Chip' {
  interface ChipPropsSizeOverrides {
    large: true;
  }
}

declare module '@mui/material/IconButton' {
  interface IconButtonPropsSizeOverrides {
    extraLarge: true;
    extraSmall: true;
  }
}

declare module '@mui/material/Typography' {
  interface TypographyPropsVariantOverrides {
    subtitle3: true;
    body3: true;
    body4: true;
    button: false;
    button1: true;
    button2: true;
    button3: true;
    caption: true;
  }
}

declare module '@mui/system' {
  interface Shape {
    borderRadiusXs: number;
    borderRadiusSm: number;
    borderRadiusMd: number;
    borderRadiusLg: number;
    borderRadiusXl: number;
    borderRadiusXxl: number;
  }
}