27 lines
502 B
JavaScript
27 lines
502 B
JavaScript
import {
|
|
Col,
|
|
FormGroup,
|
|
Input,
|
|
Label,
|
|
} from '//components/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} md={6} xl={4} className="d-flex align-items-baseline justify-content-around">
|
|
<FormGroup>
|
|
<Label for={props.name}>{label}</Label>
|
|
{formElement}
|
|
</FormGroup>
|
|
</Col>
|
|
);
|
|
};
|