import React , { FunctionComponent } from 'react' ; import { SpinnerOverlay } from '../SpinnerOverlay' ; import TabContentPanel from '../TabContentPanel' ; import styles from './styles.scss' ; export interface Tab { path : string ; label : string ; dataSign : string ; isActive : ( ) => boolean ; } export interface TabContentViewProps { goTo : ( path : string ) => void ; showTabs : boolean ; showSpinner : boolean ; tabs : Tab [ ] ; } export const TabContentView = ( props ) => { if ( props . showSpinner ) { return < SpinnerOverlay />; } return ( < TabContentPanel { ... props } navClassName = { styles . nav } tabContentClassName = { styles . content } / > ) ; } ;