RocketChat/Rocket.Chat

import type { IRoom } from '@rocket.chat/core-typings';
import type { ComponentMeta, ComponentStory } from '@storybook/react';
import React from 'react';

import { Contextualbar } from '../../../../components/Contextualbar';
import TeamsInfo from './TeamsInfo';

const room = {
    _id: 'awdawd',
    fname: 'rocketchat-frontend-team',
    description:
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis nisi vel arcu bibendum vehicula. Integer vitae suscipit libero',
    announcement:
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis nisi vel arcu bibendum vehicula. Integer vitae suscipit libero',
    topic:
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis nisi vel arcu bibendum vehicula. Integer vitae suscipit libero',
} as IRoom;

export default {
    title: 'Teams/Contextual Bar/TeamsInfo',
    component: TeamsInfo,
    parameters: {
        layout: 'fullscreen',
        actions: { argTypesRegex: '^on.*' },
    },
    decorators: [(fn) => <Contextualbar height='100vh'>{fn()}</Contextualbar>],
    args: {
        room,
        icon: 'lock',
    },
} as ComponentMeta<typeof TeamsInfo>;

const Template: ComponentStory<typeof TeamsInfo> = (args) => <TeamsInfo {...args} />;

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

export const Archived = Template.bind({});
Archived.args = {
    room: { ...room, archived: true },
};

export const Broadcast = Template.bind({});
Broadcast.args = {
    room: { ...room, broadcast: true },
};