@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
32 lines • 1.46 kB
JavaScript
// REACT
import * as React from 'react';
// STORYBOOK
import { storiesOf } from '@storybook/react';
import styled from '@xstyled/styled-components';
import { text } from '@storybook/addon-knobs';
import { ThemeProvider } from '@xstyled/styled-components';
// COMPONENT
import { Page, DEFAULT_HEADER_HEIGHT, DEFAULT_FOOTER_HEIGHT, } from './Page.component';
import { Footer } from '../Footer/Footer.component';
import { RootTheme } from '../../theme';
// README
import * as README from './README.md';
// Styled Components
// ------------------------------------------------------------------------------------------------------------------
const StyledStory = styled('div') `
width: 100%;
`;
// Stories
// ------------------------------------------------------------------------------------------------------------------
storiesOf('Components/Layout', module)
.addParameters({
readme: {
sidebar: README,
},
})
.add('Page', () => (React.createElement(ThemeProvider, { theme: RootTheme },
React.createElement(StyledStory, null,
React.createElement(Page, { footer: React.createElement(Footer, null), headerHeight: text('Header Height', DEFAULT_HEADER_HEIGHT), footerHeight: text('Footer Height', DEFAULT_FOOTER_HEIGHT) },
React.createElement("h1", null, "Page"),
React.createElement("h2", null, "Main wrapper, includes a header and footer and content"))))));
//# sourceMappingURL=Page.stories.js.map