import React from "react";
import { useSizeStyles } from "./Glimmer.size.style";
import { useShapeStyles } from "./Glimmer.shape.style";
export type GlimmerShapes = keyof ReturnType<typeof useShapeStyles>;
export type GlimmerSizes = keyof ReturnType<typeof useSizeStyles>;
export type GlimmerTimings = "base" | "fast";
interface GlimmerProps {
    /**
     * Sets the size of the glimmer.
     */
    readonly shape?: GlimmerShapes;
    /**
     * Sets the shape of the glimmer.
     *
     * If you need a specific width, use the `width` prop.
     */
    readonly size?: GlimmerSizes;
    /**
     * Control how fast the shine moves from left to right. This is useful when
     * the glimmer is used on smaller spaces.
     */
    readonly timing?: GlimmerTimings;
    /**
     * Adjust the width of the glimmer in px or % values.
     */
    readonly width?: number | `${number}%`;
}
export declare const GLIMMER_TEST_ID = "ATL-Glimmer";
export declare const GLIMMER_BACKGROUND_TEST_ID = "ATL-Glimmer-Background";
export declare const GLIMMER_SHINE_TEST_ID = "ATL-Glimmer-Shine";
export declare function Glimmer({ width, shape, size, timing, }: GlimmerProps): React.JSX.Element;
export {};