import { type HTMLAttributes, type ReactNode } from 'react';
export interface SListItemRenderState {
    hovered: boolean;
    disabled: boolean;
}
export type SListItemRenderProp = (state: SListItemRenderState) => ReactNode;
export type SListItemSlot = ReactNode | SListItemRenderProp;
export type SListItemInteraction = 'chevron';
export type SListItemSupportingTextPosition = 'right' | 'bottom';
export type SListItemSize = 'sm' | 'md';
export interface SListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {
    /** 리스트 아이템 제목 */
    title: SListItemSlot;
    /** 제목을 보조하는 텍스트 */
    supportingText?: SListItemSlot;
    /** 보조 텍스트 위치 */
    supportingTextPosition?: SListItemSupportingTextPosition;
    /** 중첩 단계. Figma 기준 1~3단계 */
    depth?: 1 | 2 | 3;
    /** 타이틀 앞에 표시할 아이콘/콘텐츠 */
    leading?: SListItemSlot;
    /** 타이틀 뒤에 표시할 태그/콘텐츠 */
    trailing?: SListItemSlot;
    /** 외곽 테두리 사용 여부 */
    bordered?: boolean;
    /** 선택 상태 여부 */
    selected?: boolean;
    /** 클릭 가능 상태 여부 */
    clickable?: boolean;
    /** hover/selected 상태에서 적용할 인터랙션 preset */
    interaction?: SListItemInteraction;
    /** 아이템 왼쪽 accent stripe 표시 여부 */
    accentStripe?: boolean;
    /** 조밀한 높이 사용 여부 */
    dense?: boolean;
    /** 타이포그래피 크기 */
    size?: SListItemSize;
    /** 비활성 상태 여부 */
    disabled?: boolean;
}
export declare const SListItem: import("react").ForwardRefExoticComponent<SListItemProps & import("react").RefAttributes<HTMLDivElement>>;