import { LitElement } from 'lit';
import type { Bindings } from '../atomic-search-interface/interfaces.js';
import type { InitializableComponent } from '../../../decorators/types.js';
declare const AtomicResultRating_base: typeof LitElement;
/**
 * The `atomic-result-rating` element renders a star rating.
 *
 * @part value-rating - The wrapper that contains the row of inactive stars and the row of active stars.
 * @part value-rating-icon - The individual star icons used in the rating display.
 *
 * @cssprop --atomic-rating-icon-active-color - Color of the icon when active.
 * @cssprop --atomic-rating-icon-inactive-color - Color of the icon when inactive.
 * @cssprop --atomic-rating-icon-outline - Outline color of the icon.
 */
export declare class AtomicResultRating extends AtomicResultRating_base implements InitializableComponent<Bindings> {
    static styles: import("lit").CSSResult;
    private static readonly propsSchema;
    /**
     * The result field containing the rating value to display.
     */
    field: string;
    /**
     * The maximum value of the field. This value is also used as the number of icons to be displayed.
     */
    maxValueInIndex: number;
    /**
     * The SVG icon to use to display the rating.
     *
     * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
     * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
     * - Use a stringified SVG to display it directly.
     *
     * When using a custom icon, at least part of your icon should have the color set to `fill="currentColor"`.
     * This part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):
     *
     * - `--atomic-rating-icon-active-color`
     * - `--atomic-rating-icon-inactive-color`
     */
    icon: string;
    bindings: Bindings;
    error: Error;
    private result;
    private numberOfStars;
    private resultController;
    constructor();
    initialize(): void;
    private updateNumberOfStars;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'atomic-result-rating': AtomicResultRating;
    }
}
export {};
