owncast/web/stories/Header.stories.tsx
2022-05-26 11:08:37 -07:00

29 lines
692 B
TypeScript

import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { RecoilRoot } from 'recoil';
import Header from '../components/ui/Header/Header';
export default {
title: 'owncast/Layout/Header',
component: Header,
parameters: {},
} as ComponentMeta<typeof Header>;
const Template: ComponentStory<typeof Header> = args => (
<RecoilRoot>
<Header {...args} />
</RecoilRoot>
);
export const ChatAvailable = Template.bind({});
ChatAvailable.args = {
name: 'Example Stream Name',
chatAvailable: true,
};
export const ChatNotAvailable = Template.bind({});
ChatNotAvailable.args = {
name: 'Example Stream Name',
chatAvailable: false,
};