import { FunctionComponent } from "react" ; import { Link , makeStyles } from "@material-ui/core" ; interface Props { theme : boolean ; } const useStyles = makeStyles ( { root : { display : "block" , width : "120px" , "& img" : { maxWidth : "100%" , } , } , } ) ; const LogoSubstrate = ( { theme } ) => { const classes = useStyles ( ) ; return ( < Link href = "http://substrate.io/" target = "_blank" className = { classes . root } > < img src = { theme ? "./assets/images/logo_substrate.svg" : "./assets/images/logo_substrate_onDark.svg" } /> < /Link>); } ; export default LogoSubstrate ;