import React, { FC } from 'react'
import { useHistory } from 'react-router-dom'
import { useTheme } from '../hooks'

const Logo: FC = () => {
    const theme = useTheme()
    const history = useHistory()

    return (
        <div className="logo" style={{ backgroundColor: theme.primary, color: theme.primaryAlternate, cursor: 'pointer' }} onClick={() => history.push('/')}>
            F
        </div>
    )
}

export default Logo
