wix-style-react/dist/es/stories/Layout/index.js

wix-style-react

import * as React from 'react';
import { storiesOf } from '@storybook/react';
import CodeExample from 'wix-storybook-utils/CodeExample';

import storySettings from './story-settings';

import ListOfCards from './examples/ListOfCards';
import ListOfCardsRaw from '!raw-loader!./examples/ListOfCards';

import MainAndSide from './examples/MainAndSide';
import MainAndSideRaw from '!raw-loader!./examples/MainAndSide';

import Form from './examples/Form';
import FormRaw from '!raw-loader!./examples/Form';

import HolyGrail from './examples/HolyGrail';
import HolyGrailRaw from '!raw-loader!./examples/HolyGrail';

storiesOf(storySettings.examplesCategory, module).add(storySettings.holyGrailLayout, function () {
  return React.createElement(
    CodeExample,
    { title: 'Holy Grail Layout', code: HolyGrailRaw },
    React.createElement(HolyGrail, null)
  );
}).add(storySettings.listOfCards, function () {
  return React.createElement(
    CodeExample,
    { title: 'List of Cards', code: ListOfCardsRaw },
    React.createElement(ListOfCards, null)
  );
}).add(storySettings.mainAndSide, function () {
  return React.createElement(
    CodeExample,
    { title: 'Main and Side', code: MainAndSideRaw },
    React.createElement(MainAndSide, null)
  );
}).add(storySettings.form, function () {
  return React.createElement(
    CodeExample,
    { title: ' Form', code: FormRaw },
    React.createElement(Form, null)
  );
});