mirror of
https://github.com/owncast/owncast.git
synced 2024-12-25 10:38:28 +03:00
28 lines
742 B
TypeScript
28 lines
742 B
TypeScript
import React from 'react';
|
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
import ChatUserBadge from '../components/chat/ChatUserMessage/ChatUserBadge';
|
|
|
|
export default {
|
|
title: 'owncast/Chat/Messages/User Flag',
|
|
component: ChatUserBadge,
|
|
argTypes: {
|
|
userColor: {
|
|
options: ['0', '1', '2', '3', '4', '5', '6', '7'],
|
|
control: { type: 'select' },
|
|
},
|
|
},
|
|
} as ComponentMeta<typeof ChatUserBadge>;
|
|
|
|
const Template: ComponentStory<typeof ChatUserBadge> = args => <ChatUserBadge {...args} />;
|
|
|
|
export const Moderator = Template.bind({});
|
|
Moderator.args = {
|
|
badge: 'mod',
|
|
userColor: '5',
|
|
};
|
|
|
|
export const Authenticated = Template.bind({});
|
|
Authenticated.args = {
|
|
badge: 'auth',
|
|
userColor: '6',
|
|
};
|