29 lines
731 B
TypeScript
29 lines
731 B
TypeScript
import React, { useState } from 'react';
|
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
import Modal from '../components/ui/Modal/Modal';
|
|
|
|
export default {
|
|
title: 'owncast/Modal container',
|
|
component: Modal,
|
|
parameters: {},
|
|
} as ComponentMeta<typeof Modal>;
|
|
|
|
const Template: ComponentStory<typeof Modal> = args => {
|
|
const { children } = args;
|
|
return <Modal {...args}>{children}</Modal>;
|
|
};
|
|
|
|
export const Example = Template.bind({});
|
|
Example.args = {
|
|
title: 'Modal example with content nodes',
|
|
visible: true,
|
|
children: <div>Test 123</div>,
|
|
};
|
|
|
|
export const UrlExample = Template.bind({});
|
|
UrlExample.args = {
|
|
title: 'Modal example with URL',
|
|
visible: true,
|
|
url: 'https://owncast.online',
|
|
};
|