import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the Details component
 * @extends ComponentPropsWithoutRef<"div">
 * @extends LayoutUtilProps
 */
export type DetailsProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
    /**
     * Determines the controlled expanded state of the details.
     * @remarks Use this to make the details expanded state controlled.
     * @default false
     */
    expanded?: boolean;
    /**
     * Determines the default expanded state of the details.
     * @remarks Use this to make the details expanded state uncontrolled.
     * @default false
     */
    defaultExpanded?: boolean;
};
/**
 * Details component for creating expandable/collapsible content sections.
 *
 * Features:
 * - Expandable and collapsible content sections
 * - Controlled and uncontrolled state management
 * - Accessible with proper ARIA attributes
 * - Smooth animations for expand/collapse
 * - Keyboard navigation support
 * - Layout utility props for positioning and spacing
 * - Compound component pattern with Summary, Content, and Arrow sub-components
 * - Automatic tracking ID generation for analytics
 *
 * @example
 * <Details defaultExpanded>
 *   <Details.Summary>Click to expand</Details.Summary>
 *   <Details.Content>This content is now visible</Details.Content>
 * </Details>
 */
export declare const Details: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
    /**
     * Determines the controlled expanded state of the details.
     * @remarks Use this to make the details expanded state controlled.
     * @default false
     */
    expanded?: boolean;
    /**
     * Determines the default expanded state of the details.
     * @remarks Use this to make the details expanded state uncontrolled.
     * @default false
     */
    defaultExpanded?: boolean;
} & import('react').RefAttributes<HTMLDivElement>> & {
    Summary: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        height?: string | number;
        maxHeight?: string | number;
    } & import('react').RefAttributes<HTMLDivElement>>;
};