import React, { ReactNode } from 'react';
import { CSS } from '../theme/stitches.config';
import { AvatarGroupVariants } from './avatar-group.styles';
interface Props {
    count?: number;
    children?: ReactNode;
    as?: keyof JSX.IntrinsicElements;
}
declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
export declare type AvatarGroupProps = Props & NativeAttrs & AvatarGroupVariants & {
    css?: CSS;
};
export declare const AvatarGroup: React.ForwardRefExoticComponent<Props & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
    animated?: boolean | "true" | undefined;
}, {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    xsMax: string;
    smMax: string;
    mdMax: string;
    lgMax: string;
    xlMax: string;
    motion: string;
    safari: string;
    hover: string;
    dark: string;
    light: string;
}> & {
    css?: CSS | undefined;
} & React.RefAttributes<HTMLDivElement>>;
export default AvatarGroup;