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;