import { type HTMLAttributes, type MouseEvent, type ReactNode } from 'react';
export interface SExpansionItemRenderState {
    expanded: boolean;
    selected: boolean;
    disabled: boolean;
}
export type SExpansionItemRenderProp = (state: SExpansionItemRenderState) => ReactNode;
export type SExpansionItemInteraction = 'chevron';
export type SExpansionItemSupportingTextPosition = 'right' | 'bottom';
export type SExpansionItemSize = 'sm' | 'md';
export interface SExpansionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onToggle' | 'title'> {
    title: ReactNode;
    /** 제목을 보조하는 텍스트 */
    supportingText?: ReactNode;
    /** 보조 텍스트 위치 */
    supportingTextPosition?: SExpansionItemSupportingTextPosition;
    /** 중첩 단계. Figma 기준 1~3단계 */
    depth?: 1 | 2 | 3;
    /** 타이틀 앞에 표시할 아이콘/콘텐츠 */
    leading?: ReactNode | SExpansionItemRenderProp;
    /** 타이틀 뒤에 표시할 태그/콘텐츠 */
    trailing?: ReactNode;
    /** body 내부 패딩 사용 여부 */
    bodyPadding?: boolean;
    /** 외곽 테두리 사용 여부 */
    bordered?: boolean;
    expanded?: boolean;
    defaultExpanded?: boolean;
    selected?: boolean;
    /** hover/selected 상태에서 적용할 인터랙션 preset */
    interaction?: SExpansionItemInteraction;
    /** 아이템 왼쪽 accent stripe 표시 여부 */
    accentStripe?: boolean;
    dense?: boolean;
    /** 타이포그래피 크기 */
    size?: SExpansionItemSize;
    disabled?: boolean;
    onToggle?: (expanded: boolean, event: MouseEvent<HTMLButtonElement>) => void;
}
export declare const SExpansionItem: import("react").ForwardRefExoticComponent<SExpansionItemProps & import("react").RefAttributes<HTMLDivElement>>;