// import * as React from 'react';
// import { FormFeedback, FormGroup, Input } from 'reactstrap';
// import { __ } from './lang';
//
// interface IPresetSelector {
//   [props: string]: any;
//   value: number | '';
//   options: any[];
//   onChange: (e: React.SyntheticEvent) => void;
//   children?: React.ReactNode;
//   renderOptions: React.ReactNode;
// }
//
// const PresetComparisonSelector: React.FunctionComponent<IPresetSelector> = ({
//   value,
//   options,
//   onChange,
//   children,
//   renderOptions,
//   ...props
// }) => {
//   return (
//     <FormGroup inline={true} className='form-inline'>
//       <Input
//         type='select'
//         className='form-control col'
//         onChange={onChange}
//         value={value}
//         {...props}
//       >
//         <option value='' disabled={true} hidden={true}>
//           ---{__('Choose')}---
//         </option>
//         {renderOptions}
//       </Input>
//       {children}
//       <FormFeedback />
//     </FormGroup>
//   );
// };
//
// export const PresetOptions = ({ options }) => {
//   const filterO = options.filter(o => o.name.length);
//   return (
//     <React.Fragment>
//       {filterO.map(opt => (
//         <option key={opt.id} value={opt.id} label={opt.name}>
//           {opt.name}
//         </option>
//       ))}
//     </React.Fragment>
//   );
// };
//
// export const DynOptions = ({ options }) => (
//   <React.Fragment>
//     {options.map(opt => (
//       <option key={opt.agb_id} value={opt.agb_id} label={opt.agb_name}>
//         {opt.agb_name}
//       </option>
//     ))}
//   </React.Fragment>
// );
//
// export default PresetComparisonSelector;