2023-11-07 06:35:05 +03:00
|
|
|
import { StoryFn, Meta } from '@storybook/react';
|
2022-09-07 10:00:28 +03:00
|
|
|
import { IndieAuthModal } from './IndieAuthModal';
|
2022-09-03 21:38:52 +03:00
|
|
|
import Mock from '../../../stories/assets/mocks/indieauth-modal.png';
|
2022-04-28 09:19:20 +03:00
|
|
|
|
|
|
|
const Example = () => (
|
|
|
|
<div>
|
2022-08-21 02:13:31 +03:00
|
|
|
<IndieAuthModal authenticated displayName="fakeChatName" accessToken="fakeaccesstoken" />
|
2022-04-28 09:19:20 +03:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
2023-11-07 06:35:05 +03:00
|
|
|
const meta = {
|
2022-04-28 09:19:20 +03:00
|
|
|
title: 'owncast/Modals/IndieAuth',
|
|
|
|
component: IndieAuthModal,
|
2022-05-13 06:52:19 +03:00
|
|
|
parameters: {
|
|
|
|
design: {
|
|
|
|
type: 'image',
|
|
|
|
url: Mock,
|
|
|
|
scale: 0.5,
|
|
|
|
},
|
|
|
|
},
|
2023-11-07 06:35:05 +03:00
|
|
|
} satisfies Meta<typeof IndieAuthModal>;
|
2022-04-28 09:19:20 +03:00
|
|
|
|
2023-11-07 06:35:05 +03:00
|
|
|
export default meta;
|
2022-04-28 09:19:20 +03:00
|
|
|
|
2023-11-07 06:35:05 +03:00
|
|
|
const Template: StoryFn<typeof IndieAuthModal> = () => <Example />;
|
|
|
|
|
|
|
|
export const Basic = {
|
|
|
|
render: Template,
|
|
|
|
};
|