import * as React from 'react' ; import styles from './Logo.module.scss' ; import logo from '../../logo.svg' ; interface Props { name ? : string ; } const Logo = ( props ) => { const name = props . name ?? 'Lisk' ; return ( < div className = { styles . wrapper } > < img src = { logo } alt = "Lisk SDK Logo" className = { styles . img } / > < div className = { styles . branding } > { name && < span className = { styles . brandingText } > { name } < /span>} < span className = { styles . brandingText } > Dashboard < /span> < /div> < /div>); } ; export default Logo ;