mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-27 07:20:23 +05:30
20 lines
651 B
TypeScript
20 lines
651 B
TypeScript
import React, { ComponentType, CSSProperties } from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
|
|
import FooterMenu from './FooterMenu';
|
|
|
|
const PreviewWrapper: ComponentType<{ style?: CSSProperties }> = ({ style, children }) => (
|
|
<div style={{ padding: '25px', width: 320, boxSizing: 'border-box', ...style }}>{children}</div>
|
|
);
|
|
|
|
storiesOf('Components', module).add('FooterMenu', () => (
|
|
<div style={{ display: 'flex' }}>
|
|
<PreviewWrapper>
|
|
<FooterMenu />
|
|
</PreviewWrapper>
|
|
<PreviewWrapper style={{ backgroundColor: '#232323' }}>
|
|
<FooterMenu />
|
|
</PreviewWrapper>
|
|
</div>
|
|
));
|