All files / OverlayWrapper OverlayWrapper.stories.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import { Story, Meta } from '@storybook/react';
 
import OverlayWrapper, { IOverlayWrapperProps } from './OverlayWrapper';
import BarChart from '../BarChart/BarChart';
 
export default {
	title: 'Utility/OverlayWrapper',
	component: OverlayWrapper,
	parameters: {
		docs: {
			description: {
				component: OverlayWrapper.peek.description,
			},
		},
	},
} as Meta;
 
/* Basic */
export const Basic: Story<IOverlayWrapperProps> = (args) => {
	return (
		<OverlayWrapper {...args} isVisible>
			<OverlayWrapper.Message>Message Goes Here</OverlayWrapper.Message>
			<BarChart
				data={[
					{ x: '2015-01-01', y: 1 },
					{ x: '2015-01-02', y: 2 },
					{ x: '2015-01-03', y: 3 },
					{ x: '2015-01-04', y: 5 },
				]}
			/>
		</OverlayWrapper>
	);
};