import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
import { CSSResult } from 'lit';
import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
import { TemplateResult } from 'lit-html';

declare type AriaProps = {
    label?: string;
};

export declare type DefaultProps = ComponentDefaultProps<SpinnerProps, keyof Omit<SpinnerProps, 'aria'>>;

export declare const defaultProps: DefaultProps;

/**
 * @tagname pie-spinner
 */
export declare class PieSpinner extends PieElement implements SpinnerProps {
    aria: SpinnerProps['aria'];
    size: "xsmall" | "small" | "medium" | "large" | "xlarge";
    variant: "brand" | "secondary" | "secondary-dark" | "inverse" | "inverse-light";
    isCentered: boolean;
    render(): TemplateResult<1>;
    private renderAriaLabel;
    static styles: CSSResult;
}

export declare const sizes: readonly ["xsmall", "small", "medium", "large", "xlarge"];

export declare interface SpinnerProps {
    /**
     * The ARIA labels used for the spinner component.
     */
    aria?: AriaProps;
    /**
     * What size the spinner should be.
     */
    size?: typeof sizes[number];
    /**
     * What style variant the spinner should be such as brand, secondary or inverse.
     */
    variant?: typeof variants[number];
    /**
     * When true, the spinner positions itself absolutely and centers itself within its nearest relative ancestor.
     */
    isCentered?: boolean;
}

export declare const variants: readonly ["brand", "secondary", "secondary-dark", "inverse", "inverse-light"];

export { }