NumericKeyboard.jsx

import React from 'react'

import style from './styles.scss'

class NumericKeyboard extends React.Component {
  constructor (props) {
    super(props)

    this.state = {
    }

    this.clickKeyboard = this.clickKeyboard.bind(this)
  }

  render () {
    return (
      <div className={style['numeric-keyboard-component']}>
        <div className={style['keys']}>
          <Button
            className={`${style['submit-key']} ${this.props.disabled ? style['disabled'] : ''}`}
            onClick={this.clickKeyboard}
          >
           送出
          </Button>
        </div>
      </div>
    )
  }

  clickKeyboard (event) {
    if (this.props.disabled) {
      return
    }

    this.props.clickHandler(event, key)
  }
}

export default NumericKeyboard