import React, { ReactNode } from 'react';
import { BoxProps } from '../Box/Box';
import { BackgroundColor, BorderRadiusSize, BoxShadowSize, ResponsiveProp } from '../../types';
import { CardFooter, CardHeader, CardSection } from './components';
export interface CardProps extends BoxProps {
    /**
     * If defined as a prop, this value will take higher precedence than the corresponding component design token value
     * Any valid [brand color token](/?path=/story/design-tokens-design-tokens--page#color), or a `url()` for an image
     */
    background?: BackgroundColor;
    /**
     * The Card's contents.
     */
    children?: ReactNode;
    /**
     * visually subdue the appearance of the entire card.
     */
    subdued?: boolean;
    /**
     * If defined as a prop, this value will take higher precedence than the corresponding component design token value
     * Radius of the Card's corners
     */
    radius?: BorderRadiusSize | ResponsiveProp<BorderRadiusSize>;
    /**
     * If defined as a prop, this value will take higher precedence than the corresponding component design token value
     * The size of the drop shadow applied to the Card
     */
    shadow?: BoxShadowSize | ResponsiveProp<BoxShadowSize>;
}
declare const CardBaseComponent: React.FC<CardProps>;
export interface CardStatic {
    Header: typeof CardHeader;
    Section: typeof CardSection;
    Footer: typeof CardFooter;
}
export declare type CardWithStaticComponents = typeof CardBaseComponent & CardStatic;
export declare const Card: CardWithStaticComponents;
export {};