import { ClassProp } from 'class-variance-authority/types';
import { JSX } from 'react/jsx-runtime';
import type * as React_2 from 'react';
import { VariantProps } from 'class-variance-authority';

export declare function Bubble({ variant, align, className, ...props }: React_2.ComponentProps<'div'> & VariantProps<typeof bubbleVariants> & {
    align?: 'start' | 'end';
}): JSX.Element;

export declare function BubbleContent({ asChild, className, ...props }: React_2.ComponentProps<'div'> & {
    asChild?: boolean;
}): JSX.Element;

export declare function BubbleGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;

export declare function BubbleReactions({ side, align, className, ...props }: React_2.ComponentProps<'div'> & {
    align?: 'start' | 'end';
    side?: 'top' | 'bottom';
}): JSX.Element;

declare const bubbleVariants: (props?: ({
    variant?: "error" | "warning" | "success" | "info" | "primary" | "secondary" | "tertiary" | "quaternary" | "surface" | "outline" | "surface-2xs" | "surface-xs" | "surface-sm" | "surface-md" | "surface-lg" | "surface-xl" | "surface-2xl" | "surface-3xl" | "surface-4xl" | null | undefined;
} & ClassProp) | undefined) => string;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}