import * as React from 'react'; import { Size } from '../types'; import { BoxProps } from '../Box'; import { FlexProps } from '../Flex'; export declare type LocalRatingProps = { /** Sets the color of the rating items. */ color?: string; /** Indicates if the rating is disabled. */ disabled?: boolean; /** Sets the custom item component. */ item?: React.ReactElement; /** Sets the items of the rating. */ items?: Array>; /** Indicates if the rating is radio. */ isSingular?: boolean; /** Indicates the rating is static. */ isStatic?: boolean; /** Sets the max value. */ maxValue?: number; /** Function to invoke when the rating has changed. */ onChange: (index: number) => void; /** Sets the size of the rating items. */ size?: Size; /** Sets the value of the rating. */ value: number | void; roverProps?: { baseId?: string; stopId?: string; }; }; export declare type RatingProps = FlexProps & LocalRatingProps; export declare const Rating: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalRatingItemProps = { isActive?: boolean; isStatic?: boolean; size?: Size; }; export declare type RatingItemProps = BoxProps & LocalRatingItemProps; export declare const RatingItem: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; };