import classnames from 'classnames';
import React, { PropTypes } from 'react';

function Form ({ className, component, type, ...props }) {
	const Component = component;
	props.className = classnames('Form', ('Form--' + type), className);

	return <Component {...props} />;
};

Form.propTypes = {
	component: PropTypes.oneOfType([
		React.PropTypes.element,
		React.PropTypes.func,
	]),
	type: PropTypes.oneOf(['basic', 'horizontal', 'inline']),
};
Form.defaultProps = {
	component: 'form',
	type: 'basic',
};

module.exports = Form;

import classnames from 'classnames';
import React, { PropTypes } from 'react';

function Form ({ className, component, type, ...props }) {
	const Component = component;
	props.className = classnames('Form', ('Form--' + type), className);

	return <Component {...props} />;
};

Form.propTypes = {
	component: PropTypes.oneOfType([
		React.PropTypes.string,
		React.PropTypes.func,
	]),
	type: PropTypes.oneOf(['basic', 'horizontal', 'inline']),
};
Form.defaultProps = {
	component: 'form',
	type: 'basic',
};

module.exports = Form;

fix typo