| 17 | } |
| 18 | |
| 19 | render() { |
| 20 | return ( |
| 21 | <ReactCardFlip isFlipped={this.state.isFlipped}> |
| 22 | <div style={this.props.styles.card}> |
| 23 | <img |
| 24 | style={this.props.styles.image} |
| 25 | src="//static.pexels.com/photos/59523/pexels-photo-59523.jpeg" |
| 26 | /> |
| 27 | |
| 28 | <button onClick={this.handleClick}>Flip Card</button> |
| 29 | </div> |
| 30 | |
| 31 | <div style={this.props.styles.card}> |
| 32 | <img |
| 33 | style={this.props.styles.image} |
| 34 | src="//img.buzzfeed.com/buzzfeed-static/static/2014-04/enhanced/webdr06/4/16/enhanced-11136-1396643149-13.jpg?no-auto" |
| 35 | /> |
| 36 | |
| 37 | <button onClick={this.handleClick}>Flip Card</button> |
| 38 | </div> |
| 39 | </ReactCardFlip> |
| 40 | ); |
| 41 | } |
| 42 | } |
| 43 | |
| 44 | export default Example; |