import { BoxProps, HoistProps, Intent, LayoutProps, TestSupportProps } from '@xh/hoist/core';
import { type ReactElement, type ReactNode } from 'react';
import { CardModel } from './CardModel';
import './Card.scss';
export interface CardProps<M extends CardModel = CardModel> extends HoistProps<M>, TestSupportProps, LayoutProps {
    /** An icon placed left of the title. */
    icon?: ReactElement;
    /** Intent to apply to the inline header and border. */
    intent?: Intent;
    /** The title to display. */
    title?: ReactNode;
    /** Tooltip to show when hovering over the inline header. */
    tooltip?: ReactElement | string;
    /** Additional props to pass to the inner box hosting the content. */
    contentBoxProps?: BoxProps;
}
/**
 * A bordered container for grouping related content, rendered as an HTML fieldset/legend.
 * Supports an optional inline header (`title`, `icon`, `intent`) and user-driven
 * collapse/expand via its backing {@link CardModel}.
 *
 * Children are arranged vertically in a flexbox container by default - pass
 * `contentBoxProps` to customize the content layout.
 *
 * @see CardModel
 * @see FormFieldSet
 */
export declare const Card: import("react").FC<CardProps<CardModel>>, card: import("@xh/hoist/core").ElementFactory<CardProps<CardModel>>;