import '@vtmn/css-rating/dist/index-with-vars.css';
import * as React from 'react';
import { VtmnRatingSize } from './types';
export interface VtmnRatingProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
    /**
     * The name of the input.
     * @type {string}
     * @defaultValue rating
     */
    name?: string;
    /**
     * The emphasis of the rating.
     * @type {boolean}
     * @defaultValue false
     */
    emphasis?: boolean;
    /**
     * The size of the rating.
     * @type {VtmnRatingSize}
     * @defaultValue medium
     */
    size?: VtmnRatingSize;
    /**
     * The disabled state of the rating.
     * @type {boolean}
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * Is the rating read only.
     * @type {boolean}
     * @defaultValue false
     */
    readonly?: boolean;
    /**
     * Is the rating should be displayed as compact.
     * @type {boolean}
     * @defaultValue false
     */
    compact?: boolean;
    /**
     * Comments next to the rating when using compact mode.
     * @type {number}
     * @defaultValue 0
     */
    comments?: number;
    /**
     * The value of the rating.
     * @type {number}
     * @defaultValue 0
     */
    value?: number;
    /**
     * Whether the value is shown next to the rating (requires readonly to be true)
     */
    showValue?: boolean;
    /**
     * Called when the rating value changes
     * @type {void}
     * @defaultValue undefined
     */
    onChange?: (newRating: number) => void;
}
export declare const VtmnRating: ({ name, emphasis, size, disabled, readonly, compact, comments, value, showValue, onChange, className, ...props }: VtmnRatingProps) => JSX.Element;
declare const MemoVtmnRating: React.MemoExoticComponent<({ name, emphasis, size, disabled, readonly, compact, comments, value, showValue, onChange, className, ...props }: VtmnRatingProps) => JSX.Element>;
export default MemoVtmnRating;