text: // Import React
  import React from "react";
  
  // Import Spectacle Core tags
  import {
    Deck,
    Spectacle
  } from "spectacle";
  
  // import slides
  import SLIDES from "./slides";
  
  // Import image preloader util
  import preloader from "spectacle/lib/utils/preloader";
  
  // Import theme
  import createTheme from "spectacle/lib/themes/default";
  
  // Require CSS
  require("normalize.css");
  require("spectacle/lib/themes/default/index.css");
  require("./index.css");
  
  const images = {
    reactLogo: require("../assets/logo.svg"),
    magic: require("../assets/magic.gif"),
    pumpkinPie: require("../assets/pumpkinpie.png"),
    applePie: require("../assets/applepie.png")
  };
  
  preloader(images);
  
  const theme = createTheme({
    primary: "#1da1f2",
    secondary: "#e6ecf0",
    tertiary: "#a5f2aa",
    quarternary: "#a01744"
  });
  
  export default class Presentation extends React.Component {
    render() {
      return (
        <Spectacle theme={theme}>
          <Deck transition={[]} transitionDuration={500} progress="bar">
            <SLIDES.Intro transition={[]}/>
            <SLIDES.WhyReact logo={images.reactLogo} transition={[]} />
            <SLIDES.ComponentSlide transition={[]} magic={images.magic} />
            <SLIDES.Bake applePie={images.applePie} pumpkinPie={images.pumpkinPie} type="Apple" transition={[]} />
            <SLIDES.Components transition={[]} />
            <SLIDES.State transition={[]} />
            <SLIDES.Events transition={[]} />
            <SLIDES.Build transition={[]} />
            <SLIDES.Prereqs transition={[]} />
            <SLIDES.FirstStep transition={[]} />
            <SLIDES.Project transition={[]} />
          </Deck>
        </Spectacle>
      );
    }
  }
  