@bigfishtv/cockpit/src/components/table/AutoIndexFilter.js

import React, { Component } from 'react'

import Field from '../form/Field'

export default class AutoIndexFilter extends Component {
	render() {
		const { filterFields = [] } = this.props
		return (
			<div className="form-fields">
				{filterFields.map(({ select, label, placeholder, Input, inputProps = {}, style = {} }, i) => (
					<div key={i} className="form-field" style={style}>
						{Input ? (
							<Field select={select} label={label} placeholder={placeholder}>
								<Input {...inputProps} />
							</Field>
						) : (
							<Field select={select} label={label} placeholder={placeholder} />
						)}
					</div>
				))}
			</div>
		)
	}
}