30 lines
878 B
JavaScript
30 lines
878 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { Link } from 'gatsby'
|
|
import posed from 'react-pose'
|
|
import { useMeta } from '../../hooks/use-meta'
|
|
import { moveInBottom } from '../atoms/Transitions'
|
|
import { ReactComponent as Logo } from '../../images/logo.svg'
|
|
import styles from './LogoUnit.module.scss'
|
|
|
|
LogoUnit.propTypes = {
|
|
minimal: PropTypes.bool
|
|
}
|
|
|
|
export default function LogoUnit({ minimal }) {
|
|
const { title, tagline } = useMeta()
|
|
const Animation = posed.div(moveInBottom)
|
|
|
|
return (
|
|
<Animation>
|
|
<Link className={minimal ? styles.minimal : styles.logounit} to={'/'}>
|
|
<Logo className={styles.logo} />
|
|
<h1 className={`p-name ${styles.title}`}>{title.toLowerCase()}</h1>
|
|
<p className={`p-job-title ${styles.description}`}>
|
|
{tagline.toLowerCase()}
|
|
</p>
|
|
</Link>
|
|
</Animation>
|
|
)
|
|
}
|