text: import React from "react";
  import {
      BlockQuote,
      Cite,
      Deck,
      Heading,
      ListItem,
      List,
      Quote,
      Slide,
      Text,
  } from "spectacle";
  
  import CodeSlide from "spectacle-code-slide";
  
  
  export function switching() {
      return (
          <CodeSlide
              className='codeSlide switchingPromises'
              transition={['fade']}
              lang="js"
              align='flex-start flex-start'
              code={require("raw-loader!./code.example")}
              notes={notes}
              ranges={[
                  {loc: [0, 7], title: "SwitchMap"},
                  {loc: [8, 15]},
                  {loc: [9, 10]},
                  {loc: [8, 15]},
              ]}
          />
      );
  }
  
  const notes = `
      <ul>
          <li>one</li>
          <li>two</li>
      </ul>
  `;