import React, { Component } from 'react';
import { Broadcast } from 'joy-react-broadcast';
import { Field } from 'redux-form';
import PropTypes from 'prop-types';
import rndId from 'rnd-id';
import styled from 'styled-components';
import is from 'styled-is';
import Fieldset from './fieldset';
import Baseline from '../baseline';
const Noop = ({ children }) => children;
const Wrapper = styled(Fieldset)`
${is('center')`
align-items: center;
`};
${is('flex')`
display: flex;
`};
`;
class FormGroup extends Component {
constructor(props) {
super(props);
this.renderGroup = this.renderGroup.bind(this);
}
renderGroup(inputProps) {
const { className, style, children, ...rest } = this.props;
const value = {
id: rndId(),
...rest,
...inputProps
};
return (
{children}
);
}
render() {
const { name = rndId(), reduxForm = false, ...rest } = this.props;
if (!reduxForm) {
return this.renderGroup({});
}
return ;
}
}
FormGroup.propTypes = {
children: PropTypes.node,
className: PropTypes.string,
defaultValue: PropTypes.string,
name: PropTypes.string,
normalize: PropTypes.func,
reduxForm: PropTypes.bool,
style: PropTypes.object
};
export default Baseline(FormGroup);