import { default as React } from 'react';
/**
 * Props for a control accordion card with disclosure button.
 *
 * @property id - HTML id for the card root
 * @property headingId - HTML id for the h3 heading (required for aria-labelledby)
 * @property heading - Control label rendered in the heading
 * @property children - Control UI elements (sliders, inputs) shown when expanded
 * @property contentId - HTML id for the content region; auto-generated if not provided
 * @property isExpanded - Whether the card is currently open (default: true)
 * @property onToggleExpanded - Callback when user clicks the disclosure button or presses Enter/Space
 * @property disclosureControlLabel - Plain-text control label appended to disclosure aria-label
 */
type ControlCardProps = {
    id?: string;
    headingId: string;
    heading: React.ReactNode;
    children: React.ReactNode;
    contentId?: string;
    isExpanded?: boolean;
    onToggleExpanded?: () => void;
    disclosureControlLabel?: string;
};
/**
 * A control card with collapsible disclosure button and content region.
 *
 * Renders a card containing a heading with a separate disclosure button (top-right)
 * and optionally displays the children in a region below. The button supports:
 * - Mouse click to toggle
 * - Enter/Space keyboard to toggle
 * - ARIA attributes (aria-expanded, aria-controls) for screen readers
 * - Visual states: hover, focus, pressed with distinct styling
 *
 * The disclosure button is semantically separate from the heading so that clicking
 * the heading text does not inadvertently collapse the card.
 */
export default function ControlCard({ id, headingId, heading, children, contentId, isExpanded, onToggleExpanded, disclosureControlLabel, }: ControlCardProps): React.JSX.Element;
export {};
//# sourceMappingURL=ControlCard.d.ts.map