import { ComponentPropsWithoutRef } from 'react';
import { DataTrackingId } from '../../types';
/**
 * Props for the DetailsSummary component
 * @extends ComponentPropsWithoutRef<"button">
 */
export type DetailsSummaryProps = ComponentPropsWithoutRef<"button"> & DataTrackingId;
/**
 * DetailsSummary component for the clickable header of a Details section.
 *
 * Features:
 * - Clickable button that toggles the Details expanded state
 * - Automatic ARIA attributes for accessibility
 * - Includes animated arrow indicator
 * - Supports custom onClick handlers
 * - Keyboard navigation support (Enter, Space)
 * - Styled with consistent typography and spacing
 *
 * @example
 * <Details.Summary onClick={() => console.log('Summary clicked')}>
 *   Click to expand content
 * </Details.Summary>
 */
export declare const DetailsSummary: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;