import { type StoryObj } from "@storybook/react-vite";
import { ChatBubble } from "../src";
declare const meta: {
    title: string;
    component: typeof ChatBubble;
    parameters: {
        backgrounds: {
            default: string;
        };
    };
    tags: "new"[];
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
/**
 * Below is an overview of all the different combinations
 * of props, to show how the layout responds to one or
 * more props being present or missing.
 */
export declare const Overview: Story;
/**
 * This is an example of what a conversation between a doctor
 * and a patient would look like. You are in control of every
 * part of the message, like color, tip position, and all of the
 * times/dates mentioned. This allows you to e.g. not put a
 * message tip on consecutive messages from the same person
 * and hide the sender name.
 */
export declare const ExampleConversation: StoryObj;
/**
 * You can place a tip at any corner of the message.
 */
export declare const TipPosition: Story;
/**
 * There's two different colors to choose from. We don't offer
 * more colors because we want to keep the UI consistent. Since
 * the chat is always between a patient and an HCP (even if the
 * role is filled by multiple people for the same patient), we
 * don't need more than two colors.
 */
export declare const Colors: Story;
/**
 * This story shows that you can either provide a string
 * as the contents of the message, or provide more rich
 * content, like images, links, and other components, as
 * message content.
 */
export declare const ChildrenTextVsNodes: Story;