import * as React from 'react';
export type StyledAccordionSummarySize = 'small' | 'large';
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#21228-37809
 * The accordion header. Figma: rounded-8 white container (border/outline delta-300), 16px padding,
 * title = Section title 18px SemiBold delta-800 with a 24px chevron. Figma places the chevron to the
 * **left** of the title; `expandChevronRight` opts into the right-hand (MUI-style) placement.
 */
export interface StyledAccordionSummaryProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
    headerClassName?: string;
    /** @figmaProp size = large→"Default" (72px, 18px title) | small→48px, 14px */
    size?: StyledAccordionSummarySize;
    /** @figmaProp Chevron placement — Figma default is left; true = right (MUI parity) */
    expandChevronRight?: boolean;
    sx?: React.CSSProperties;
}
/**
 * Native accordion trigger (replaces `@base-ui/react`): a `<button aria-expanded aria-controls>`
 * inside a header, toggling the shared context. `data-panel-open` drives the chevron rotation in
 * SCSS. TASK-201.
 */
export declare const StyledAccordionSummary: ({ size, expandChevronRight, className, headerClassName, sx, children, onClick, ...rest }: StyledAccordionSummaryProps) => JSX.Element;