import * as React from 'react'
import { Layout, Menu } from 'antd'
import { Link } from 'gatsby'

interface Props {}
interface State {}

export default class extends React.Component<Props, State> {
  render() {
    return (
      <Layout.Footer
        style={{
          textAlign: 'center',
          backgroundColor: 'red',
          height: '40px',
          lineHeight: '0px',
          padding: 0,
        }}
      >
        <Menu
          style={{ lineHeight: '40px', height: '40px', textAlign: 'right' }}
          mode="horizontal"
        >
          <Menu.Item>
            <Link to="/about">
              <strong>About</strong>
            </Link>
          </Menu.Item>
          <Menu.Item>
            <Link to="/terms">
              <strong>Terms</strong>
            </Link>
          </Menu.Item>
        </Menu>
      </Layout.Footer>
    )
  }
}
