import React, { Component } from "react"
import "./exchange-bar.scss"
import Input from "../Input"
import classnames from "classnames"

class RedeemBar extends Component {
  state = {}

  render() {
    const { onChange, redeemCode, exchange } = this.props
    return (
      <div className="exchange-bar">
        <Input
          placeholder={"请输入优惠码"}
          onChange={onChange}
          value={redeemCode}
        />
        <button
          className={classnames({
            active: redeemCode && redeemCode.length > 0,
          })}
          onClick={exchange}
        >
          兑换
        </button>
      </div>
    )
  }
}

export default RedeemBar
