import { default as React } from 'react';
import { BreakpointSupport } from '../../../helpers';
import { TColorsBackground } from '../../commonTypes';
import { CardContentProps } from '../card-content/card-content';
/**
 * @deprecated use CardHeaderBackground
 */
export type CardHeaderVariant = 'default' | Extract<TColorsBackground, 'primary-main' | 'primary-active' | 'white' | 'bg-muted'>;
export type CardHeaderBackground = CardHeaderVariant;
type CardHeaderBreakpointProps = {
    /**
     * Additional class.
     */
    className?: string;
    /**
     * Variant of CardHeader.
     * @deprecated use background
     */
    variant?: CardHeaderVariant;
    /**
     * Background color of card header.
     * Primary-main and primary-active are mainly used inside AccordionItemHeader.
     * @default default
     */
    background?: CardHeaderBackground;
} & Pick<CardContentProps, 'padding'>;
export type CardHeaderProps = BreakpointSupport<CardHeaderBreakpointProps> & {
    /**
     * Card header content
     */
    children?: React.ReactNode;
} & ({
    role?: never;
} | CardHeaderAsButton);
/**
 * Allows the CardHeader to be used as a button. For example in the AccordionItemHeader.
 */
export interface CardHeaderAsButton extends Partial<React.ButtonHTMLAttributes<HTMLButtonElement>> {
    role: 'button';
}
export declare const CardHeader: {
    (props: CardHeaderProps): JSX.Element;
    displayName: string;
};
export default CardHeader;