Props : slot machine exercise

class App extends React.Component {
	render() {
		return (
			<div>
				<h1>Slot Machines!</h1>
				<Machine
					s1="●"
					s2="★"
					s3="◆"
				/>
				<Machine
					s1="●"
					s2="●"
					s3="●"
				/>
				<Machine
					s1="●"
					s2="★"
					s3="★"
				/>
			</div>
		);
	}
}

ReactDOM.render(<App />, document.getElementById('root'));

class Machine extends React.Component {
    render() {
        const { s1, s2, s3 } = this.props;
        let win = (s1 === s2 && s2 === s3);

        return (
            <div>
                <p>{s1}{s2}{s3}</p>
                <p>{win ? 'win' : 'lose'}</p>
            </div>
        );
    }
}