import { DeepPartial } from "..";
import type { ThemeColors, Positions, Sizes } from "../Flowbite/FlowbiteTheme";
import { Component, ComponentProps, ParentProps } from "solid-js";
export interface AvatarTheme {
    root: AvatarRootTheme;
    img: AvatarImageTheme;
    status: AvatarStatusTheme;
    initials: AvatarInitialsTheme;
}
export interface AvatarRootTheme {
    base: string;
    bordered: string;
    color: AvatarColors;
    rounded: string;
    size: AvatarSizes;
    stacked: string;
    statusPosition: Positions;
}
export interface AvatarImageTheme {
    off: string;
    on: string;
    placeholder: string;
}
export interface AvatarStatusTheme {
    away: string;
    base: string;
    busy: string;
    offline: string;
    online: string;
}
export interface AvatarInitialsTheme {
    base: string;
    text: string;
}
export interface AvatarColors extends Pick<ThemeColors, "failure" | "gray" | "info" | "pink" | "purple" | "success" | "warning"> {
    [key: string]: string;
}
export interface AvatarSizes extends Pick<Sizes, "xs" | "sm" | "md" | "lg" | "xl"> {
    [key: string]: string;
}
export interface AvatarImageProps {
    alt?: string;
    className: string;
    "data-testid": string;
}
export interface AvatarProps extends ParentProps<Omit<ComponentProps<"div">, "color">> {
    alt?: string;
    bordered?: boolean;
    img?: string | Component<AvatarImageProps>;
    color?: keyof AvatarColors;
    rounded?: boolean;
    size?: keyof AvatarSizes;
    stacked?: boolean;
    status?: "away" | "busy" | "offline" | "online";
    statusPosition?: keyof Positions;
    placeholderInitials?: string;
    theme?: DeepPartial<AvatarTheme>;
}
export declare const Avatar: Component<AvatarProps> & {
    Group: Component<import("./AvatarGroup").AvatarGroupProps>;
    Counter: Component<import("./AvatarGroupCounter").AvatarGroupCounterProps>;
};