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 Example = Template.bind({});
Example.args = {
  name: 'Example Stream Name',
};
