text: import Config from './config'
  import React from 'react'
  import uuid from 'uuid/v4'
  import Fragment from '@dekk/fragment'
  import {Text, Title, Subtitle, Uppercase, Bold, Center, Code} from '@dekk/text'
  import {default as MaskedImage, FitImage} from '@dekk/image'
  import Notes from '@dekk/speaker-notes'
  import {Main} from '@dekk/master-slides'
  import {Plugins} from '@dekk/deck'
  // import * as wimbAnimation from '../animation'
  // import * as dekkAnimation from '@dekk/animation'
  import {AnimatedTitle, StrobeTitle} from '../components'
  
  const {Slide, A} = Main
  
  const notes = (
    <Notes>
      <h3>luminave</h3>
      <p>change the color to blue</p>
      <p>Movement</p>
      <p>Strobe effect, so the light is blinking constantly</p>
    </Notes>
  )
  
  export default (
    <Slide key={uuid()} background="#3caee5" mixin="--slide-color: white">
      <Plugins.Data luminave={['0position 1', 'color blue', 'movement 2', 'strobe 1']}></Plugins.Data>
  
      {notes}
  
      <A>
        <Title><Uppercase>Blue</Uppercase></Title>
        <Title>+ <Uppercase><AnimatedTitle>Movement</AnimatedTitle></Uppercase></Title>
        <Title>+ <Uppercase><StrobeTitle>Strobe</StrobeTitle></Uppercase></Title>
      </A>
  
    </Slide>
  )
  