/// <reference types="react" />
declare const Card: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export default Card;
export declare const LightCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const LightGreyCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const GreyCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const DarkGreyCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const DarkCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const OutlineCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const YellowCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const PinkCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;
export declare const BlueCard: import("styled-components").StyledComponent<
  import("react").FunctionComponent<import("rebass").BoxProps>,
  import("styled-components").DefaultTheme,
  {
    width?: string | undefined;
    padding?: string | undefined;
    border?: string | undefined;
    borderRadius?: string | undefined;
  },
  never
>;