import { ReactNode } from 'react';
export interface ListItemProps<T = string> {
    id: T;
    text: ReactNode;
    disabled?: boolean;
    /**
     * 항목을 드래그해서 순서를 바꿀 수 있는 기능 확장 여부
     * @default false
     */
    draggable?: boolean;
    /**
     * 드래그 오버레이된 항목 여부
     * @see draggable
     * @default false
     */
    draggingOverlay?: boolean;
    /**
     * draggable=true이면, index는 필수값이 된다
     * @see draggable
     */
    index?: number;
    /**
     * isOn 정의시 토글버튼을 사용한다 (Togglable)
     */
    isOn?: boolean;
    /**
     * isOn 정의시 onToggle은 필수값이 된다
     * @see isOn
     */
    onToggle?: (isOn: 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, isOn, fixed, disabled, text, draggable, draggingOverlay, index, onToggle, onPin, }: ListItemProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;