import React from 'react'

const CryptoDropdown = ({ label, cryptos, action }) => (
  <div className="form-group form-group-sm">
    <label className="col-sm-2 control-label">{label}</label>
    <div className="col-sm-10">
      <select className="form-control" onChange={
          (e) => action(e.target.value)}>
        <option value="" selected disabled>Select Currency</option>
        {cryptos.map(crypto =>
          <option key={crypto.id}>{crypto.symbol}</option>
          )
        }
      </select>
    </div>
  </div>
)

export default CryptoDropdown

import React from 'react'

const CryptoDropdown = ({ label, cryptos, action }) => (
  <div className="form-group form-group-sm">
    <label className="col-sm-2 control-label">{label}</label>
    <div className="col-sm-10">
      <select className="form-control" onChange={
          (e) => action(e.target.value)}>
        {cryptos.map(crypto =>
          <option key={crypto.id}>{crypto.symbol}</option>
          )
        }
      </select>
    </div>
  </div>
)

export default CryptoDropdown

Revert "updated image for documentation"
Revert "updated image for documentation"

This reverts commit de6b2b26414dfd46069d170761e457d95c67b589.
