import React, { HTMLAttributes } from "react";
import { Colors } from "../colors";
import { RibbonProps } from '../Ribbon';
import { BoxSkeletonProps } from '../Skeleton';
export interface CardProps extends HTMLAttributes {
header?: string;
subtitle?: string;
padding?: 'default' | 'sm' | 'md' | 'lg';
borderless?: boolean;
hoverable?: boolean;
image?: string | BoxSkeletonProps;
statusColor?: Colors;
statusPosition?: 'top' | 'start' | 'bottom';
stacked?: boolean;
hoverEffect?: 'pop' | 'rotate';
rotate?: 'left' | 'right';
lightHeader?: boolean;
active?: boolean;
inactive?: boolean;
ribbon?: RibbonProps;
stamp?: React.ReactNode;
color?: Colors;
light?: boolean;
progress?: number;
imageAlign?: 'left' | 'right' | 'top' | 'bottom';
footer?: React.ReactNode;
transparentFooter?: boolean;
imageClasses?: string;
actions?: React.ReactNode[];
}
declare const Card: ({ className, padding, header, borderless, hoverable, children, image, subtitle, statusColor, statusPosition, ribbon, hoverEffect, stacked, rotate, color, light, active, inactive, lightHeader, stamp, imageAlign, progress, transparentFooter, footer, actions, imageClasses, ...props }: CardProps) => React.JSX.Element;
export default Card;