scripts/apps/contacts/components/Form/Row.tsx
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
export const Row: React.StatelessComponent<any> = ({children, flex, noPadding, halfWidth, className}) => (
<div
className={classNames(
'form__row',
{
'form__row--flex': flex,
'form__row--no-padding': noPadding,
'form__row--half-width': halfWidth,
},
className,
)}
>
{children}
</div>
);
Row.propTypes = {
children: PropTypes.node,
flex: PropTypes.bool,
noPadding: PropTypes.bool,
className: PropTypes.oneOfType([
PropTypes.string,
PropTypes.object,
]),
halfWidth: PropTypes.bool,
};
Row.defaultProps = {
flex: false,
noPadding: false,
};