import { HTMLChakraProps, RecipeVariantProps } from '@chakra-ui/react';
declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root", {
    from: {
        user: {
            root: {
                mb: "md";
                flexDirection: "row";
                "& > div": {
                    marginLeft: "lg";
                };
            };
            content: {
                bg: "bg.muted";
                borderBottomRightRadius: number;
            };
        };
        assistant: {
            root: {
                mb: "md";
                flexDirection: "row";
                justifyContent: "start";
                "& > div": {
                    marginRight: "lg";
                };
            };
        };
        developer: {
            root: {
                width: "full";
                flexDirection: "row-reverse";
            };
            content: {
                width: "full";
            };
        };
    };
    size: {
        sm: {
            root: {
                gap: "xs";
            };
            content: {
                px: "xs";
                py: "xs";
                textStyle: "xs";
            };
        };
        md: {
            content: {
                px: "xs";
                py: "xs";
            };
        };
        lg: {
            root: {
                gap: "md";
            };
            content: {
                px: "sm";
                py: "xs";
                textStyle: "md";
            };
        };
    };
    shape: {
        rounded: {
            content: {
                rounded: "lg";
            };
        };
        pill: {
            content: {
                rounded: "full";
            };
        };
        square: {
            content: {
                rounded: "none";
            };
        };
    };
}>;
type VariantProps = RecipeVariantProps<typeof recipe>;
export interface MessageRootProps extends HTMLChakraProps<"div">, VariantProps {
}
export declare const MessageRoot: import('react').ForwardRefExoticComponent<MessageRootProps & import('react').RefAttributes<HTMLDivElement>>;
export interface MessageContentProps extends HTMLChakraProps<"div">, VariantProps {
}
export declare const MessageContent: import('react').ForwardRefExoticComponent<MessageContentProps & import('react').RefAttributes<HTMLDivElement>>;
export declare const ChatMessage: {
    readonly Root: import('react').ForwardRefExoticComponent<MessageRootProps & import('react').RefAttributes<HTMLDivElement>>;
    readonly Content: import('react').ForwardRefExoticComponent<MessageContentProps & import('react').RefAttributes<HTMLDivElement>>;
};
export {};
