import { ReactNode, MouseEvent } from 'react';
import { TooltipProps } from '../tooltip';
import { ValueOf } from '../types';
import './custom-card.less';
export type CustomCardProps = {
    children?: ReactNode;
    className?: string;
    testId?: string;
    onClick?: (event: MouseEvent) => void;
    ariaLabel?: string;
    isDisabled?: boolean;
    isSelected?: boolean;
    /** Optional and limited to blue, orange, green, and red */
    topLineColor?: TopLineColorType;
    tooltipContent?: string;
    tooltipProps?: Partial<TooltipProps>;
    interactiveFooter?: ReactNode;
};
export type TopLineColorType = ValueOf<typeof TOP_LINE_COLOR>;
export declare const TOP_LINE_COLOR: {
    BLUE: string;
    ORANGE: string;
    GREEN: string;
    RED: string;
};
/**
 * Customizable generic card
 * @uxr-only-supported
 * @midnight-gray-supported
 * @alpine-light-supported
 * */
declare function CustomCard({ children, className, testId, onClick, ariaLabel, isDisabled, tooltipContent, isSelected, topLineColor, interactiveFooter, tooltipProps, }: CustomCardProps): import("react/jsx-runtime").JSX.Element;
export default CustomCard;
