import { IconType } from '../../atoms/Icon/types';
import { ComponentProps } from 'react';
/**
 * Size variants for the rating component
 */
export type RatingSize = 's' | 'm' | 'l';
/**
 * Rating type options
 */
export type RatingType = 'star' | 'heart' | 'custom';
/**
 * Icon configuration for rating steps
 */
export type RatingSteps = {
    inactive?: IconType;
    active?: IconType;
    tooltip?: string;
};
export declare const iconColors: (props?: ({
    color?: "theme" | "blue" | "red" | "yellow" | "green" | "grey" | "purple" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
/**
 * Descriptive text for each rating value
 */
export type RatingTooltip = {
    /** Value associated with the label */
    value: number;
    /** Text to display */
    text: string;
};
/**
 * Props for the Rating component
 */
export type RatingProps = ComponentProps<'div'> & {
    /** Current rating value */
    value?: number;
    /** Callback when rating changes */
    onChange?: (value: number) => void;
    /** Type of rating icons to display */
    type?: RatingType;
    /** Steps for the rating component */
    steps?: RatingSteps[] | number;
    /** Size of the rating component */
    size?: RatingSize;
    /** Whether the component is disabled */
    isDisabled?: boolean;
    /** Whether the component is read-only */
    isReadOnly?: boolean;
    /** Whether to allow clearing the rating by clicking the same value */
    isClearable?: boolean;
    /** Whether to show tooltips with labels */
    isTooltipVisible?: boolean;
    /** Optional title displayed above the rating component */
    title?: string;
    /** Optional description displayed below the rating component */
    description?: string;
    /** Additional CSS classes */
    className?: string;
    color?: 'theme' | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'grey';
};
//# sourceMappingURL=types.d.ts.map