import 'styled-components';

declare module 'styled-components' {
  export interface DefaultTheme {
    breakpoints: {
      small: number;
      medium: number;
      large: number;
      xlarge: number;
      xxlarge: number;
      xxxlarge: number;
    };

    spaces: {
      [key: string]: string | string[];
    };

    container: {
      small: number;
      medium: number;
      large: number;
      xlarge: number;
      xxlarge: number;
      xxxlarge: number;
    };
    fontSizes: {
      h1: string;
      h2: string;
      h3: string;
      h4: string;
      h5: string;
      h6: string;
      paragraph: string;
      small: string;
    };
    fonts: {
      title: string;
      text: string;
    };
    spacings: {
      sectionPaddingMobile: number;
      sectionPaddingDesktop: number;
      xxlarge: number;
    };
    colors: {
      primary: string;
      secondary: any;
      red: string;
      green: string;
      orange: string;
      white: string;
      black: string;
      primaryPalette: any;
      grey: any;
      greenPalette: any;
      redPalette: any;
      orangePalette: any;
      accent: any;
    };
    boxShadows: {
      small: string;
      medium: string;
      large: string;
      float: string;
    };
    transitions: {
      smooth: string;
      widget: string;
    };
    buttons: any;
    checkboxes: any;
    badges: any;
    client: any;
  }
}