import { forwardRef , HTMLAttributes , ReactNode , Ref } from 'react' ; import { classnames } from '../../helpers' ; interface Props extends HTMLAttributes < HTMLDivElement > { className ? : string ; children ? : ReactNode ; hasToolbar ? : boolean ; hasRowMode ? : boolean ; } const PrivateMainArea = forwardRef ( ( { className , hasToolbar = false , children , hasRowMode = false , ... rest } , ref ) => { return ( < main className = { classnames ( [ hasToolbar ? 'main-area--with-toolbar' : 'main-area' , hasRowMode ? 'main-area--row-mode' : '' , 'flex-item-fluid-auto relative' , className , ] ) } ref = { ref } { ... rest } > { children } < /main>); } ) ; export default PrivateMainArea ;