{"size": 484, "ext": "js", "max_stars_repo_path": "src/main/frontend/app/component/form/FormSelect.js", "max_stars_repo_name": "mrFlick72/account-service-ui", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/main/frontend/app/component/form/FormSelect.js", "max_issues_repo_name": "mrFlick72/account-service-ui", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/main/frontend/app/component/form/FormSelect.js", "max_forks_repo_name": "mrFlick72/account-service-ui", "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": 34.5714285714, "max_line_length": 90, "alphanum_fraction": 0.6198347107}
import React from "react"
import Select from "react-select";
import 'react-select/dist/react-select.css';

export default ({multi,options, value, onChangeHandler, componentId, componentLabel}) => {
    return <div className="form-group">
        <label htmlFor={componentId}>{componentLabel}</label>
        <Select id={componentId}
                multi={multi}
                value={value}
                onChange={onChangeHandler}
                options={options}/>
    </div>
}