import React, { ReactElement, ReactNode } from 'react';
import { CommonProps } from '../common';
export interface CardProps extends CommonProps {
    /**
     * Display border.
     */
    border?: boolean;
    /**
     * Custom content.
     */
    children?: ReactNode;
    /**
     * Short hand for Card content.
     */
    content?: string | ReactElement;
    /**
     * Short hand for Card content with format as extra content.
     */
    extra?: string | ReactElement;
    /**
     * Short hand for Card header.
     */
    header?: string | ReactElement;
    /**
     * Card image.
     */
    imageSrc?: string;
    /**
     * Card size. This will affect the padding of card's header and content.
     */
    size?: 'small' | 'medium';
    /**
     * Card variant.
     */
    variant?: 'basic' | 'primary' | 'info' | 'grey';
}
declare const Card: {
    ({ header, content, extra, variant, size, imageSrc, border, children, id, className, style, sx, "data-test-id": dataTestId, }: CardProps): ReactElement;
    Header: ({ content, children, id, className, style, sx, "data-test-id": dataTestId, }: import("./CardHeader").CardHeaderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    Content: ({ content, extra, children, id, className, style, sx, "data-test-id": dataTestId, }: import("./CardContent").CardContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
};
export default Card;