import * as react_jsx_runtime from 'react/jsx-runtime';

type TMatch = {
    questionId: number;
    answerId: number;
};
type TMatchStyles = {
    lineColor?: string;
    circleColor?: string;
    questionClassName?: string;
    answerClassName?: string;
};
type TAutoScrollOptions = {
    edgeThreshold?: number;
    maxSpeed?: number;
};
type MatchingProps = {
    questions: {
        id: number;
        text: string;
        image?: string;
    }[];
    answers: {
        id: number;
        text: string;
        image?: string;
    }[];
    matches?: TMatch[];
    defaultMatches?: TMatch[];
    className?: string;
    questionClassName?: string;
    answerClassName?: string;
    lineColor?: string;
    circleColor?: string;
    circleRadius?: number;
    offset?: number;
    disabled?: boolean;
    allowAnswerReuse?: boolean;
    autoScroll?: boolean | TAutoScrollOptions;
    dragHandle?: boolean;
    getMatchStyles?: (match: TMatch) => TMatchStyles | undefined;
    onChange?: (matches: TMatch[]) => void;
};
declare function Matching({ questions, answers, matches: controlledMatches, defaultMatches, className, questionClassName, answerClassName, lineColor, circleColor, circleRadius, offset, disabled, allowAnswerReuse, autoScroll, dragHandle, getMatchStyles, onChange, }: MatchingProps): react_jsx_runtime.JSX.Element;

export { Matching, type MatchingProps, type TAutoScrollOptions, type TMatch, type TMatchStyles };