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

wix-style-react

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

import CardReadme from '../../src/Card/README.md';

import ExampleBasic from './ExampleBasic';
import ExampleBasicRaw from '!raw-loader!./ExampleBasic';

import ExampleGridActionHeaders from './ExampleActionHeaders';
import ExampleGridActionHeadersRaw from '!raw-loader!./ExampleActionHeaders';

import ExampleCollapse from './ExampleCollapse';
import ExampleCollapseRaw from '!raw-loader!./ExampleCollapse';

import ExampleEmptyState from './ExampleEmptyState';
import ExampleEmptyStateRaw from '!raw-loader!./ExampleEmptyState';

storiesOf('2. Layout', module).add('Card', function () {
  return React.createElement(
    'div',
    null,
    React.createElement(Markdown, { source: CardReadme }),
    React.createElement(
      CodeExample,
      { title: 'Basic Example', code: ExampleBasicRaw },
      React.createElement(ExampleBasic, null)
    ),
    React.createElement(
      CodeExample,
      {
        title: 'Cards with action headers',
        code: ExampleGridActionHeadersRaw
      },
      React.createElement(ExampleGridActionHeaders, null)
    ),
    React.createElement(
      CodeExample,
      {
        title: 'Cards with <Collapse/> component',
        code: ExampleCollapseRaw
      },
      React.createElement(ExampleCollapse, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Card with an EmptyState', code: ExampleEmptyStateRaw },
      React.createElement(ExampleEmptyState, null)
    )
  );
});