import * as React from 'react' ; import classNames from 'classnames' ; interface IProps { children : React . ReactNode ; flex ? : boolean ; noPadding ? : boolean ; smallPadding ? : boolean ; sPadding ? : boolean ; lPadding ? : boolean ; xlPadding ? : boolean ; inner ? : boolean ; bordered ? : boolean ; flexNew ? : boolean ; } export class FormRow extends React . PureComponent < IProps > { render ( ) { const classes = classNames ( 'form__row' , { 'form__row--flex' : this . props . flex , 'form__row--no-padding' : this . props . noPadding , 'form__row--small-padding' : this . props . smallPadding , 'form__row--s-padding' : this . props . sPadding , 'form__row--l-padding' : this . props . lPadding , 'form__row--xl-padding' : this . props . xlPadding , 'form__row--innder' : this . props . inner , 'form__row--bordered' : this . props . bordered , 'form__row--flex-NEW' : this . props . flexNew , } ) ; return ( < div className = { classes } > { this . props . children } < /div>); } }