import { HTMLAttributes } from "react";
import { SpaceProps } from "styled-system";
import { Colors } from "../../theme/types";
import { BoxProps } from "../Box/types";
export interface CardRibbonProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
    variantColor?: keyof Colors;
    text: string;
    ribbonPosition?: "right" | "left";
}
export type CardTheme = {
    background: string;
    boxShadow: string;
    boxShadowActive: string;
    boxShadowSuccess: string;
    boxShadowWarning: string;
    cardHeaderBackground: {
        default: string;
        blue: string;
        cloudyday: string;
        violet: string;
    };
    dropShadow: string;
};
export interface CardProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
    isActive?: boolean;
    isSuccess?: boolean;
    isWarning?: boolean;
    isDisabled?: boolean;
    ribbon?: React.ReactNode;
    borderBackground?: string;
    background?: string;
    innerCardProps?: BoxProps;
}
