import React from 'react' ; import * as Styled from './Logo.styles' ; import Link from 'next/link' ; export interface Props { isExpanded : boolean ; } function param { number } prop returns { JSX . Element } const Logo = ( { isExpanded } ) : JSX . Element => { return ( < Styled . Container isExpanded = { isExpanded } > < span className = { 'letter' } > v < /span> < span className = { 'letter' } > o < /span> < span className = { 'main-letter' } > v < /span> < span className = { 'letter' } > a < /span> < Link href = { '/portfolio' } passHref > < Styled . A /> < /Link> < /Styled.Container>); } ; export default Logo ;