# Swiper

import Swiper from '../index'
const { SwiperItem } = Swiper
class SwiperDemo extends React.Component {
  state = {}

  render () {
    const itemStyle: React.CSSProperties = {
      textAlign: 'center',
      background: 'gray',
      color: 'red',
      fontSize: 50,
      height: '100%'
    }
    return (
      <div>
        <Swiper width={300} height={200} isAutoPlay={true}>
          <SwiperItem>
            <div style={{...itemStyle,...{background:'yellow'}}}>1</div>
          </SwiperItem>
          <SwiperItem>
            <div  style={{...itemStyle,...{background:'gray'}}}>2</div>
          </SwiperItem>
          <SwiperItem>
            <div  style={{...itemStyle,...{background:'green'}}}>3</div>
          </SwiperItem>
          <SwiperItem>
            <div style={{...itemStyle,...{background:'blue'}}}>4</div>
          </SwiperItem>
        </Swiper>
      </div>
    )
  }
}