import * as React from 'react' ; import classNames from 'classnames' ; interface IProps { collapsed ? : boolean ; expanded ? : boolean ; parentItem : React . ReactNode ; shadow ? : 1 | 2 | 3 | 4 | 5 ; } export class ListItemNested extends React . PureComponent < IProps > { render ( ) { const containerClass = classNames ( 'sd-list-item-nested' , { 'sd-list-item-nested--collapsed' : this . props . collapsed , 'sd-list-item-nested--expanded' : this . props . expanded , } ) ; const childClass = classNames ( 'sd-list-item-nested__childs' , { [ `sd-shadow--z${ this . props . shadow }` ] : this . props . shadow } ) ; return ( < div className = { containerClass } > { this . props . parentItem } < div className = { childClass } > { this . props . children } < /div> < /div>); } }