{"size": 965, "ext": "js", "max_stars_repo_path": "src/components/SearchForm.js", "max_stars_repo_name": "eradicador/employee-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/SearchForm.js", "max_issues_repo_name": "eradicador/employee-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/SearchForm.js", "max_forks_repo_name": "eradicador/employee-app", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.3823529412, "max_line_length": 85, "alphanum_fraction": 0.4196891192}
//import react module
import React from "react";
import Row from 'react-bootstrap/Row'
import Col from 'react-bootstrap/Col'
import "../styles/SearchForm.css";

const SearchForm = (props) => {

    return (
        <Row>
            <Col></Col>
            <Col className="searchbox pb-3">
                <div>
                    <form>
                        <input
                            onChange={e => props.handleInputChange(e)}
                            value={props.search}
                            name="search"
                            type="text"
                            className="form-control mr-sm-2"
                            placeholder="Search Employee by Fisrt Name"

                        />
                        {/* <button onClick={props.handleSearch1}>SEARCH</button> */}
                    </form>
                </div>
            </Col>
            <Col></Col>
        </Row>
    );
}

export default SearchForm;
