4f078e1ee4
* Migrate web action-buttons directory to CSF3 notation * Migrate web chat directory to CSF3 notation * Migrate web common directory to CSF3 notation * Migrate web layout directory to CSF3 notation * Migrate web modals directory to CSF3 notation * Migrate web ui directory to CSF3 notation * Migrate web video directory to CSF3 notation * Migrate web stories directory to CSF3 notation
38 lines
682 B
TypeScript
38 lines
682 B
TypeScript
import { StoryFn, Meta } from '@storybook/react';
|
|
import { RecoilRoot } from 'recoil';
|
|
import { Header } from './Header';
|
|
|
|
const meta = {
|
|
title: 'owncast/Layout/Header',
|
|
component: Header,
|
|
parameters: {
|
|
chromatic: { diffThreshold: 0.75 },
|
|
},
|
|
} satisfies Meta<typeof Header>;
|
|
|
|
export default meta;
|
|
|
|
const Template: StoryFn<typeof Header> = args => (
|
|
<RecoilRoot>
|
|
<Header {...args} />
|
|
</RecoilRoot>
|
|
);
|
|
|
|
export const ChatAvailable = {
|
|
render: Template,
|
|
|
|
args: {
|
|
name: 'Example Stream Name',
|
|
chatAvailable: true,
|
|
},
|
|
};
|
|
|
|
export const ChatNotAvailable = {
|
|
render: Template,
|
|
|
|
args: {
|
|
name: 'Example Stream Name',
|
|
chatAvailable: false,
|
|
},
|
|
};
|