film-exif/src/components/FormBlock.js

import {
	Col,
	FormGroup,
	Input,
	Label,
} from './Bootstrap';

export const FormBlock = ({
	children,
	label,
	type = 'text',
	...props
}) => {
	const formElement = (children !== undefined)
		? children
		: <Input id={props.name} name={props.name} type={type} {...props} />;

	return (
		<Col xs={12} sm={6} md={3}>
			<FormGroup>
				<Label for={props.name}>{label}</Label>
				{formElement}
			</FormGroup>
		</Col>
	);
};