Example.jsx

import React from 'react'
import { Deck, Slide, Text } from 'spectacle'

const FirstSlide = props => {
  return (
    <Slide>
      <Text>Hello there {props.key}.</Text>
      <Text>Ready?</Text>
    </Slide>
  )
}
const SecondSlide = props => {
  return (
    <Slide {...props}>
      <Text>Hello there {props.key}.</Text>
      <Text>Steady...</Text>
    </Slide>
  )
}

export const slides = [
  FirstSlide,
  SecondSlide,
  props => {
    return (
      <Slide>
        <Text>Hello there {props.key}.</Text>
        <Text>Let's rock.</Text>
      </Slide>
    )
  }
]

export default props => (
  <Deck>
    {slides.map((Slide, i) => Slide({ key: i, last: !(i <= slides.length) }))}
  </Deck>
)