import { CardProps } from '@heroui/react';
import { ReactNode } from 'react';
type SectionCardProps = {
    actions?: ReactNode;
    /**
     * Animate body height changes. Default **false** — height animation uses
     * `overflow-hidden` while measuring, and a single large content jump (e.g.
     * paste/fetch into one card) reflows siblings so *every* animating card
     * flashes as if its surface variant changed.
     */
    animateHeight?: boolean;
    children?: ReactNode;
    description?: string;
    /**
     * Optional section heading. When omitted (and no description/actions), the
     * header row is skipped and content gap is zero so the first body panel is
     * not pushed down by empty title spacing.
     */
    title?: string;
} & Omit<CardProps, "children">;
/**
 * Workspace section shell (HeroUI Card + optional title/description).
 * Establishes an Athena surface environment so nested visual regions
 * (for example AthenaTable mobile rows) resolve one level deeper.
 *
 * For form fields inside the card, use {@link settingsFieldVariant} with the
 * same `variant` prop so TextField/Input get on-surface (`secondary`) styling —
 * matching settings forms (API keys / sessions / passkeys). Putting
 * `variant="secondary"` only on Input and not TextField is not enough.
 */
export declare function SectionCard({ actions, animateHeight, children, className, description, title, variant, ...props }: SectionCardProps): import("react").JSX.Element;
export { settingsFieldVariant } from '../settings/settings-card-surface.js';