import React from 'react';
import './Chips.scss';
interface ChipsProps {
    maxScore?: number;
    setMaxscore?: (score: number) => void;
    color?: string;
    className?: string;
    style?: React.CSSProperties;
    isOutput?: boolean;
    score?: number;
    setScore?: (score: number) => void;
    onHover?: (score?: number, index?: number, e?: React.MouseEvent<HTMLDivElement, MouseEvent>, isOutput?: boolean) => void;
    onLeave?: (e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    tooltips?: Record<string, string>;
}
/**
 * Chips component renders a horizontal row of numbered chips for scoring input.
 *
 * @param {Object} props - The properties passed to the component.
 * @param {number} [props.maxScore=5] - Maximum number of chips to render.
 * @param {function(number): void} [props.setMaxscore] - Callback when maxScore changes.
 * @param {string} [props.color='#6666FF'] - Goal color for selected chips.
 * @param {string} [props.className] - Additional CSS class.
 * @param {React.CSSProperties} [props.style] - Inline styles.
 * @param {boolean} [props.isOutput=false] - Read-only output mode.
 * @param {number} [props.score] - Current selected score.
 * @param {function(number): void} [props.setScore] - Callback when score changes.
 * @param {function} [props.onHover] - Hover callback (score, index, event, isOutput).
 *   - (score?: number, index?: number, e?: React.MouseEvent<HTMLDivElement, MouseEvent>, isOutput?: boolean) => void
 * @param {function} [props.onLeave] - Called when the mouse leaves the Chips component.
 * @param {Record<string, string>} [props.tooltips] - Tooltip messages for each chip, keyed by chip value.
 * @returns {JSX.Element} The rendered Chips component.
 *
 * @example
 * <Chips maxScore={5} score={3} setScore={setScore} color="#e03939" />
 */
declare const Chips: ({ maxScore, setMaxscore, color, className, style, isOutput, score, setScore, onHover, onLeave, tooltips, ...rest }: ChipsProps) => import("react/jsx-runtime").JSX.Element;
export default Chips;