import { PrimitiveAtom } from 'jotai';
import { CSSProperties, Ref } from 'react';
import { TailwindClassDescription, TailwindClasses } from './tailwind';
import { makeTransformers } from './transformers';
export declare type ClassEditorState = ClassEditorStateActive;
export declare type ClassEditorStateActive = {
    type: 'active';
    inputValue: string;
    inputFocused: boolean;
};
export declare function useClassEditor(): {
    stateAtom: PrimitiveAtom<ClassEditorStateActive> & {
        init: ClassEditorStateActive;
    };
    focus: () => void;
    blur: () => void;
};
declare type ClassEditorProps = {
    selectedNode?: Node;
    stateAtom: PrimitiveAtom<ClassEditorState>;
    tailwindClasses: TailwindClasses;
    transformers: ReturnType<typeof makeTransformers>;
    rerender: () => void;
    focus: () => void;
    blur: () => void;
};
export declare function ClassEditor({ selectedNode, stateAtom, tailwindClasses, transformers, rerender, focus, blur, }: ClassEditorProps): JSX.Element;
export declare function ClassEditorView(props: {
    refs: {
        input: Ref<HTMLInputElement>;
        listContainer: Ref<HTMLDivElement>;
        listSelectedElement: Ref<HTMLButtonElement>;
    };
    selectedNode?: Node;
    style?: CSSProperties;
    tailwindClassMatched?: TailwindClassDescription;
    classEditorState: ClassEditorState;
    inputOnChange: (value: string) => void;
    inputOnFocus: () => void;
    inputOnBlur: () => void;
    tailwindClassCandidates: string[];
    tailwindClasses: {
        [key: string]: TailwindClassDescription;
    };
    selectedKey: string | null;
    onItemClick: (className: string) => void;
    existingClasses: string[];
    classesToReplace: string[];
}): JSX.Element;
export {};
//# sourceMappingURL=class-editor.d.ts.map