import React from "react" ; interface BrowserTabContent { children ? : React . ReactNode ; index : any ; value : any ; } export function BrowserTabContent ( props ) { const { children , value , index , ... other } = props ; const display = value === index ? "flex" : "none" ; return ( < div role = "tabpanel" style = { { flexGrow : 1 , display } } id = { `scrollable-auto-tabpanel-${ index }` } aria - labelledby = { `scrollable-auto-tab-${ index }` } { ... other } > { children } < /div>); }