wix-style-react/dist/es/stories/GenericModalLayout/GenericModalLayout.story.js

wix-style-react

import React from 'react';
import CodeExample from 'wix-storybook-utils/CodeExample';

import ExampleGeneric from './ExampleGeneric';
import ExampleStandard from './ExampleStandard';
import ExampleStandardRaw from '!raw-loader!./ExampleStandard';
import ExampleFullscreen from './ExampleFullscreen';
import ExampleFullscreenRaw from '!raw-loader!./ExampleFullscreen';

export default {
  category: 'Components',
  storyName: 'GenericModalLayout',
  component: ExampleGeneric,
  componentPath: '../../src/GenericModalLayout',

  componentProps: {
    header: 'header',
    content: 'content',
    footer: 'footer',
    fullscreen: false
  },

  examples: React.createElement(
    'div',
    null,
    React.createElement(
      CodeExample,
      { title: 'Default', code: ExampleStandardRaw },
      React.createElement(ExampleStandard, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Fullscreen', code: ExampleFullscreenRaw },
      React.createElement(ExampleFullscreen, null)
    )
  )
};