import { ReactNode } from 'react';
export interface ListItemProps<T = string> {
    id: T;
    /** 항목에 표시할 내용 */
    label: ReactNode;
    disabled?: boolean;
    /**
     * 항목을 드래그해서 순서를 바꿀 수 있는 기능 확장 여부
     * @default false
     */
    draggable?: boolean;
    /**
     * 드래그 오버레이된 항목 여부
     * @see draggable
     * @default false
     */
    draggingOverlay?: boolean;
    /**
     * draggable=true이면, index는 필수값이 된다
     * @see draggable
     */
    index?: number;
    /**
     * checked 정의시 토글버튼을 사용한다 (Togglable)
     */
    checked?: boolean;
    /**
     * checked 정의시 onCheckedChange는 필수값이 된다
     * @see checked
     */
    onCheckedChange?: (checked: boolean, index?: number) => void;
    /**
     * fixed 정의시 핀버튼을 사용한다 (Pinnable)
     */
    fixed?: boolean;
    /**
     * fixed 정의시 onPin은 필수값이 된다
     * @see fixed
     */
    onPin?: (fixed: boolean, index?: number) => void;
}
export declare const ListItem: <T extends string>({ id, checked, fixed, disabled, label, draggable, draggingOverlay, index, onCheckedChange, onPin, }: ListItemProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;