import * as React from 'react' ; import classNames from 'classnames' ; interface IProps { children ? : React . ReactNode ; flex ? : boolean ; padding ? : '0' | '1-5' | '3' ; className ? : string ; } export class PanelContentBlock extends React . PureComponent < IProps > { render ( ) { const classes = classNames ( 'side-panel__content-block' , this . props . className , { 'side-panel__content-block--flex' : this . props . flex , [ `side-panel__content-block--padding-${ this . props . padding }` ] : this . props . padding , } ) ; return ( < div className = { classes } > { this . props . children } < /div>); } }