import * as React from 'react';
import type { MaterialBearingProps, RenderProp } from '../../contracts/components.js';
export interface CardRootProps extends MaterialBearingProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
    /** Marks the card interactive (data-ag-interactive); pair with `render`. */
    interactive?: boolean;
    /** Replaces the rendered element; the component props and state are merged onto it. */
    render?: RenderProp<React.HTMLAttributes<HTMLElement>>;
}
declare function Root({ interactive, variant, thickness, prominent, refraction, render, tabIndex, className, ref, ...rest }: CardRootProps & {
    /** Ref to the rendered root element. */
    ref?: React.Ref<HTMLElement> | undefined;
}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
declare function Header({ className, ref, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element;
declare function Title({ className, ref, ...rest }: React.HTMLAttributes<HTMLHeadingElement> & {
    ref?: React.Ref<HTMLHeadingElement> | undefined;
}): React.JSX.Element;
declare function Description({ className, ref, ...rest }: React.HTMLAttributes<HTMLParagraphElement> & {
    ref?: React.Ref<HTMLParagraphElement> | undefined;
}): React.JSX.Element;
declare function Body({ className, ref, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element;
declare function Footer({ className, ref, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
    ref?: React.Ref<HTMLDivElement> | undefined;
}): React.JSX.Element;
export declare const Card: typeof Root & {
    Root: typeof Root;
    Header: typeof Header;
    Title: typeof Title;
    Description: typeof Description;
    Body: typeof Body;
    Footer: typeof Footer;
};
export {};
//# sourceMappingURL=Card.d.ts.map