RocketChat/Rocket.Chat

import type { Meta, Story } from '@storybook/preact';
import type { ComponentProps } from 'preact';

import { MessageBubble } from '.';
import { loremIpsum } from '../../../../.storybook/helpers';

const text = loremIpsum({ count: 1, units: 'sentences' });

export default {
    title: 'Messages/MessageBubble',
    component: MessageBubble,
    args: {
        children: text,
        inverse: false,
        nude: false,
        quoted: false,
    },
    parameters: {
        layout: 'centered',
    },
} satisfies Meta<ComponentProps<typeof MessageBubble>>;

const Template: Story<ComponentProps<typeof MessageBubble>> = (args) => <MessageBubble {...args} />;

export const Default = Template.bind({});
Default.storyName = 'default';

export const Inverse = Template.bind({});
Inverse.storyName = 'inverse';
Inverse.args = {
    inverse: true,
};

export const Nude = Template.bind({});
Nude.storyName = 'nude';
Nude.args = {
    nude: true,
};

export const Quoted = Template.bind({});
Quoted.storyName = 'quoted';
Quoted.args = {
    quoted: true,
};