/// <reference types="react" />
import * as styled_components from 'styled-components';

declare const Button: styled_components.StyledComponent<"button", any, {}, never>;
declare const PrimaryButton: styled_components.StyledComponent<"button", any, {}, never>;
declare const SecondaryButton: styled_components.StyledComponent<"button", any, {}, never>;

declare const ArrowButton: styled_components.StyledComponent<"button", any, {}, never>;

declare const IconButton: ({ children, disabled, ...rest }: any) => JSX.Element;

declare const Card: {
    ({ children, classes, ...restProps }: any): JSX.Element;
    Body({ children, classes, ...restProps }: any): JSX.Element;
    Title({ children, classes, ...restProps }: any): JSX.Element;
    Text({ children, classes, ...restProps }: any): JSX.Element;
    Img({ src, alt, classes, ...restProps }: any): JSX.Element;
    Footer({ children, classes, ...restProps }: any): JSX.Element;
};

declare const Column: styled_components.StyledComponent<"div", any, any, never>;

declare const Row: styled_components.StyledComponent<"div", any, {}, never>;

declare const TextWrapper: styled_components.StyledComponent<"div", any, {}, never>;
declare const TopLine: styled_components.StyledComponent<"p", any, {}, never>;
declare const Heading: styled_components.StyledComponent<"h1", any, {}, never>;
declare const Subtitle: styled_components.StyledComponent<"p", any, {}, never>;

declare const Img: styled_components.StyledComponent<"img", any, {}, never>;
declare const ImgWrapper: styled_components.StyledComponent<"div", any, {}, never>;

declare const Container: styled_components.StyledComponent<"div", any, {}, never>;

declare const Section: {
    ({ children, ...restProps }: any): JSX.Element;
    Row({ children, ...restProps }: any): JSX.Element;
    Column({ children, type, ...restProps }: any): JSX.Element;
    TopLine({ children, ...restProps }: any): JSX.Element;
    Heading({ children, ...restProps }: any): JSX.Element;
    Subtitle({ children, ...restProps }: any): JSX.Element;
    Content({ children, ...restProps }: any): JSX.Element;
};

declare const GlobalStyles: styled_components.GlobalStyleComponent<{}, styled_components.DefaultTheme>;

declare const defaultTheme: {
    mode: string;
    primaryColor: string;
    primaryColorHover: string;
    primaryColorActive: string;
    navbarColor: string;
    secondaryColor: string;
    textColor: string;
    secondaryTextColor: string;
    primaryFont: string;
    disabled: string;
    textDisabled: string;
    infoSectionLight: string;
    infoSectionDark: string;
    bodyColor: string;
    cardBackground: string;
};
declare const whiteTheme: {
    mode: string;
    primaryColor: string;
    primaryColorHover: string;
    primaryColorActive: string;
    secondaryColor: string;
    navbarColor: string;
    textColor: string;
    secondaryTextColor: string;
    primaryFont: string;
    disabled: string;
    textDisabled: string;
    infoSectionLight: string;
    infoSectionDark: string;
    bodyColor: string;
    cardBackground: string;
};

declare const PRIMARY_FONT = "\"Source Sans Pro\", sans-serif;";
declare const typeScale: {
    header1: string;
    header2: string;
    header3: string;
    header4: string;
    header5: string;
    paragraph: string;
    helperText: string;
    copyrightText: string;
};

declare const DsThemeProvider: ({ theme, children }: any) => JSX.Element;

export { ArrowButton, Button, Card, Column, Container, DsThemeProvider, GlobalStyles, Heading, IconButton, Img, ImgWrapper, PRIMARY_FONT, PrimaryButton, Row, SecondaryButton, Section, Subtitle, TextWrapper, TopLine, defaultTheme, typeScale, whiteTheme };