import React from 'react'
import styles from './Button.css'

export default class Button extends React.Component {
  render() {
    let btnClass = `${styles.btn} ${styles[this.props.className]}`

    return (
      <a onClick={ this.props.onClick } className={ btnClass }>{ this.props.children }</a>
    )
  }
}

import React from 'react'
import styles from './Button.css'

export default class Button extends React.Component {
  render() {
    let modifierClass = styles[this.props.className]
    let btnClass = `${styles.btn}`

    if (modifierClass) {
      btnClass = `${btnClass} ${modifierClass}`
    }

    return (
      <button onClick={ this.props.onClick } className={ btnClass }>{ this.props.children }</button>
    )
  }
}

Use button element for button component
Use button element for button component
