import type { StashColorNames, StashColorNamesWithShades } from '@leaflink/stash-types/colors';
export interface AvatarProps {
    /**
     * The name of the user will be parsed and have its initial displayed in case the src prop is empty
     */
    name?: string;
    /**
     * The color for the chip that determines both the text and bg color. Needs to
     * be one of the brand colors in our design system (not a shade).
     */
    colorScheme?: StashColorNames;
    /**
     * The shade of the provided color to use for the background color. This effects the inferred
     * text color unless a specific text color is provided. Currently only `light` and `main`
     * shades are supported. `dark` may be added in the future.
     */
    shade?: 'light' | 'main';
    /**
     * The image that will be displayed within the avatar
     */
    src?: string;
    /**
     * The alternative text to be displayed in case the image is unavailable
     */
    alt?: string;
    /**
     * The background color of the chip. Needs to be one of our design system colors.
     */
    bgColor?: StashColorNamesWithShades;
    /**
     * The color of the chip text. Needs to be one of our design system colors.
     */
    textColor?: StashColorNamesWithShades | 'white' | 'black';
}
declare const __VLS_export: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
    name: string;
    src: string;
    alt: string;
    colorScheme: StashColorNames;
    shade: "light" | "main";
    bgColor: StashColorNamesWithShades;
    textColor: StashColorNamesWithShades | "white" | "black";
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
declare const _default: typeof __VLS_export;
export default _default;