import React from 'react'; import { ComponentStory, ComponentMeta } from '@storybook/react'; import { ChatNameChangeMessage } from './ChatNameChangeMessage'; export default { title: 'owncast/Chat/Messages/Chat name change', component: ChatNameChangeMessage, } as ComponentMeta<typeof ChatNameChangeMessage>; const Template: ComponentStory<typeof ChatNameChangeMessage> = args => ( <ChatNameChangeMessage {...args} /> ); export const Basic = Template.bind({}); Basic.args = { message: { oldName: 'JohnnyOldName', user: { displayName: 'JohnnyNewName', displayColor: '3', }, }, };