import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const avatarStyles: {
    container: string;
    avatar: RuntimeFn<{
        /**
         * Specifies the size of the Avatar component.
         * @default medium
         */
        size: {
            small: {
                width: "20px";
                height: "20px";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
            };
            medium: {
                width: "30px";
                height: "30px";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
            };
            large: {
                width: "40px";
                height: "40px";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
            };
            xLarge: {
                width: "60px";
                height: "60px";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
    }>;
    badge: RuntimeFn<{
        size: {
            small: {
                left: "18px";
            };
            medium: {
                left: "24px";
            };
            large: {
                top: "-4px";
                left: "30px";
            };
            xLarge: {
                left: "44px";
            };
        };
    }>;
};

export { avatarStyles };