2022-04-18 03:50:39 +02:00
|
|
|
import React, { useState } from 'react';
|
|
|
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
|
|
import { Modal, Button } from 'antd';
|
|
|
|
|
2022-04-28 08:19:20 +02:00
|
|
|
const Usage = () => (
|
|
|
|
<Modal title="Basic Modal" visible>
|
|
|
|
<p>Some contents...</p>
|
|
|
|
<p>Some contents...</p>
|
|
|
|
<p>Some contents...</p>
|
|
|
|
</Modal>
|
|
|
|
);
|
2022-04-18 03:50:39 +02:00
|
|
|
|
|
|
|
export default {
|
2022-04-28 08:19:20 +02:00
|
|
|
title: 'owncast/Modal container',
|
2022-04-18 03:50:39 +02:00
|
|
|
component: Modal,
|
|
|
|
parameters: {},
|
|
|
|
} as ComponentMeta<typeof Modal>;
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
|
|
const Template: ComponentStory<typeof Modal> = args => <Usage />;
|
|
|
|
|
2022-04-28 08:19:20 +02:00
|
|
|
export const Example = Template.bind({});
|