27 lines
428 B
JavaScript
27 lines
428 B
JavaScript
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>
|
|
);
|
|
};
|