import React from 'react'; import { CardProps } from 'rebass'; declare const Card: import("styled-components").StyledComponent, 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("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("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("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("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("styled-components").DefaultTheme, { width?: string | undefined; padding?: string | undefined; border?: string | undefined; borderRadius?: string | undefined; }, never>; export declare const BlueCard: ({ children, ...rest }: CardProps) => JSX.Element;