import { HTMLAttributes , ReactNode } from 'react' ; interface Props extends HTMLAttributes < HTMLSpanElement > { icon ? : string ; iconColor ? : string ; children ? : ReactNode ; title ? : string ; left ? : ReactNode ; right ? : ReactNode ; } const SidebarListItemContent = ( { left , right , children , ... rest } ) => { return ( < span className = "flex flex-nowrap w100 flex-align-items-center" { ... rest } > { left } < span className = "flex-item-fluid text-ellipsis max-w100 flex flex-align-items-center" > { children } < /span> { right && < span className = "flex flex-align-items-center" > { right } < /span>} < /span>); } ; export default SidebarListItemContent ;