inputformtsx

import React from 'react';
import './Search.css';
import { SearchSecProps } from './SearchSec';

class InputForm extends React.Component<SearchSecProps> {
  render() {
    return (
      <div className="inputtp">
        <form onSubmit={this.props.onSearchSubmit}>
          <div className="form-row">
            <div className="form-group col-md-8">
              <label>Identifier Id: </label>
              <input
                type="text"
                value={this.props.searchStr}
                onChange={this.props.onSearchChange}
                className="form-control"
                id="IdentifierId"
                aria-describedby="emailHelp"
                placeholder="Enter Identifier Id"
              />
            </div>
          </div>
          <div className="form-row">
            <div className="form-group col-md-8">
              <label>Identifier Type</label>
              <select
                id="IdentifierType"
                className="form-control"
                onChange={this.props.onIdTypeChange}
                value={this.props.idType}
              >
                <option value="CUSIP">CUSIP</option>
              </select>
            </div>
          </div>

          <button type="submit" className="btn btn-primary">
            Submit
          </button>
        </form>
      </div>
    );
  }
}

export default InputForm;