import type { ReactNode } from 'react';
import type { CommonProps } from '../types.js';
export interface CardProps extends CommonProps {
    /** The contents of the card. */
    children: ReactNode;
}
/**
 * Groups related blocks of content into a single unit.
 *
 * See [card usage guidelines](https://ui.cimpress.io/components/card/).
 */
declare const _Card: (props: CardProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
export { _Card as Card };
export interface CardContentProps extends CommonProps {
    /** The content of this block. */
    children: ReactNode;
    /**
     * Whether the block's content should stretch to the edges of the block.
     * @default false
     */
    fullBleed?: boolean;
}
/** Renders a single block of content within `Card`. */
export declare function CardContent({ children, UNSAFE_className, UNSAFE_style, fullBleed, ...props }: CardContentProps): import("react/jsx-runtime").JSX.Element;
export declare namespace CardContent {
    var displayName: string;
}
export interface CardHeaderProps extends CommonProps {
    /** The icon to display at the start of the header. */
    iconStart?: ReactNode;
    /**
     * The title of the card. Optionally, you can pass a React node to render a link.
     *
     * @example
     * <CardHeader title="Card title" />
     * <CardHeader title={<Link href="#">Card title</Link>} />
     */
    title: ReactNode;
    /**
     * The description of the card. Optionally, you can pass a React node to render rich text.
     *
     * @example
     * <CardHeader title="Card title" description="Card subtitle" />
     * <CardHeader title="Card title" description={<Link href="#">Card subtitle</Link>} />
     */
    description?: ReactNode;
    /**
     * The tools to render at the end of the header. Usually a menu, icon button, or badge. For buttons, use the "small" size variant.
     *
     * @example
     * <CardHeader title="Card title" tools={<IconButton size="small" icon={<IconRatingStar />} aria-label="Favorite" />} />
     */
    tools?: ReactNode;
}
/** Renders a header within a `Card`. */
export declare function CardHeader({ UNSAFE_className, UNSAFE_style, iconStart, title, description, tools, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
export declare namespace CardHeader {
    var displayName: string;
}
//# sourceMappingURL=card.d.ts.map