import React from 'react';
import { FlintRating as FlintRatingElement } from '@getufy/flint-ui/rating/flint-rating';
export interface FlintRatingChangeDetail {
    value: number;
}
/**
 * Rating: a star-based rating input.
 */
export interface FlintRatingProps extends Omit<React.HTMLAttributes<FlintRatingElement>, 'defaultValue'> {
    /** Current rating value. */
    value?: number;
    /** Maximum number of stars. */
    max?: number;
    /** Whether the rating is read-only. */
    readonly?: boolean;
    /** Whether the rating is disabled. */
    disabled?: boolean;
    /** Whether clicking the current value clears the rating. */
    clearable?: boolean;
    /** Initial rating value for uncontrolled mode. */
    defaultValue?: number;
    /**
     * Size of the rating stars.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /** Form field name for the hidden input. */
    name?: string;
    /** Accessible label for the rating group. */
    label?: string;
    /**
     * Rating step precision (1 for full stars, 0.5 for half stars).
     * Type: `1 | 0.5`
     */
    precision?: FlintRatingElement['precision'];
    /** Marks the rating as required for form validation. */
    required?: boolean;
    /**
     * Fired when the rating value changes. detail: `{ value: number }`
     * DOM event: `flint-rating-change`
     */
    onFlintRatingChange?: (event: CustomEvent<FlintRatingChangeDetail>) => void;
}
export declare const FlintRating: React.ForwardRefExoticComponent<FlintRatingProps & React.RefAttributes<FlintRatingElement>>;