import * as react_jsx_runtime from 'react/jsx-runtime';
import { Button } from '@kopexa/button';
import { ComponentProps, ReactNode } from 'react';
import { StickToBottom } from 'use-stick-to-bottom';

type ConversationProps = ComponentProps<typeof StickToBottom>;
declare function Conversation({ className, ...props }: ConversationProps): react_jsx_runtime.JSX.Element;
declare namespace Conversation {
    var displayName: string;
}
type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
declare function ConversationContent({ className, ...props }: ConversationContentProps): react_jsx_runtime.JSX.Element;
declare namespace ConversationContent {
    var displayName: string;
}
type ConversationEmptyStateProps = ComponentProps<"div"> & {
    /** Title displayed in the empty state */
    title?: string;
    /** Description text displayed below the title */
    description?: string;
    /** Optional icon to display above the title */
    icon?: ReactNode;
};
declare function ConversationEmptyState({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps): react_jsx_runtime.JSX.Element;
declare namespace ConversationEmptyState {
    var displayName: string;
}
type ConversationScrollButtonProps = ComponentProps<typeof Button>;
declare function ConversationScrollButton({ className, ...props }: ConversationScrollButtonProps): false | react_jsx_runtime.JSX.Element;
declare namespace ConversationScrollButton {
    var displayName: string;
}

export { Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps };