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

const Divider: FC = () => <>&nbsp;&nbsp;&#9900;&nbsp;&nbsp;</>

const Footer: FC = () => {
    const theme = useTheme()

    return (
        <footer style={{ color: theme.text }}>
            <Link style={{ color: theme.primary }} to="/">Home</Link>
            <Divider />
            <Link style={{ color: theme.primary }} to="/developers">Developers</Link>
            <Divider />
            <Link style={{ color: theme.primary }} to="/about">About</Link>

            <p>&copy; 2019 Flexor.cc&nbsp;&nbsp;✊🏾&nbsp;&nbsp;Made in NYC.</p>
        </footer>
    )
}

export default Footer