import React, { type HTMLAttributes } from 'react';
import { type OverrideClassName } from "../types/OverrideClassName";
export type CardColors = 'blue' | 'green' | 'gray' | 'orange' | 'purple' | 'red' | 'white' | 'yellow';
export type CardProps = {
    children?: React.ReactNode;
    /**
     * HTML elements that are allowed on Card.
     */
    tag?: 'div' | 'article' | 'header' | 'main' | 'section' | 'li';
    /**
     * Adds a larger box shadow to to the card container.
     */
    isElevated?: boolean;
    color?: CardColors;
    /** Set the loading state for Card AI Moments. If `true` this will animate, if `false` this will render the static loaded state. */
    isAiLoading?: boolean;
} & OverrideClassName<Omit<HTMLAttributes<HTMLElement>, 'color'>>;
/**
 * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
 * {@link https://cultureamp.design/?path=/docs/components-card-api-specification--docs Storybook}
 */
export declare const Card: {
    ({ children, tag, color, isElevated, classNameOverride, isAiLoading, ...props }: CardProps): JSX.Element;
    displayName: string;
};