All files bucket.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
12x
 
1x
12x
4x
 
 
1x
4x
1x
 
 
 
 
import * as React from 'react'
 
const Cell = props => <td className={'tetromino-' + props.shape}></td>
 
const Row = props => {
    const cells = props.cells.map((cell, index) => <Cell shape={cell} key={index} />)
    return <tr>{cells}</tr>
}
 
const Bucket = props => {
    const rows = props.rows.map((row, index) => <Row cells={row} key={index} />)
    return <table className="bucket"><tbody>{rows}</tbody></table>
}
 
export default Bucket