import { BoxProps, ChakraComponent } from '@chakra-ui/react';
import { default as React } from 'react';
import { ComponentImageProps } from '../Image/Image';
import { LayoutTypes } from '../../helpers/types';
interface CardBaseProps {
    /** Optional value to control the alignment of the text and elements. */
    isCentered?: boolean;
    /** Optional value to render the layout in a row or column.
     * Default is `"column"`. */
    layout?: LayoutTypes;
}
interface CardWrapperProps extends BoxProps {
    /** Main link to use when the full `Card` component should be clickable. */
    mainActionLink?: string;
    /** Additional object for styling the `Card`'s `div` wrapper. */
    styles?: any;
}
interface CardImageProps extends ComponentImageProps {
    /** Optional boolean value to control the position of the `CardImage`. */
    isAtEnd?: boolean;
}
export interface CardProps extends CardBaseProps, CardWrapperProps {
    /** Optional hex color value used to set the card background color. */
    backgroundColor?: string;
    /** Optional hex color value used to override the default text color. */
    foregroundColor?: string;
    /** Optional boolean value to control the visibility of a border around
     * the card. */
    isBordered?: boolean;
    /** Object used to create and render the `Image` component. */
    imageProps?: CardImageProps;
    /** Set CardActions to the right content side. This only works in
     * the row layout. */
    isAlignedRightActions?: boolean;
}
export declare const CardHeading: React.FC<any>;
export declare const CardContent: React.FC<React.PropsWithChildren<any>>;
export declare const CardActions: React.FC<React.PropsWithChildren<any>>;
export declare const Card: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<CardProps> & React.RefAttributes<HTMLDivElement>>, CardProps>;
export default Card;