All files / OverlayWrapper OverlayWrapper.stories.tsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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>
	);
};