text: import React from 'react';
  import {storiesOf} from '@storybook/react';
  
  import jsonData from '../../data';
  import {WebexJSONAdapter} from '../../adapters';
  import {WebexInterstitialMeeting, WebexDataProvider} from '..';
  
  // Setup for the stories
  const stories = storiesOf('Webex Interstitial Meeting', module);
  const webexAdapter = new WebexJSONAdapter(jsonData);
  const wrapperStyle = {height: '500px', width: '800px', border: '1px solid black'};
  
  stories.add('loading', () => (
    <div style={wrapperStyle}>
      <WebexDataProvider adapter={webexAdapter}>
        <WebexInterstitialMeeting meetingID="" />
      </WebexDataProvider>
    </div>
  ));
  
  stories.add('video enabled', () => {
    jsonData.meetings.localMedia.localVideo = {};
  
    return (
      <div style={wrapperStyle}>
        <WebexDataProvider adapter={webexAdapter}>
          <WebexInterstitialMeeting meetingID="localMedia" />
        </WebexDataProvider>
      </div>
    );
  });
  
  stories.add('video disabled', () => {
    jsonData.meetings.localMedia.localVideo = null;
  
    return (
      <div style={wrapperStyle}>
        <WebexDataProvider adapter={webexAdapter}>
          <WebexInterstitialMeeting meetingID="localMedia" />
        </WebexDataProvider>
      </div>
    );
  });
  