import React from 'react';

const Footer: React.FC = () => {
  return (
    <div className="mt-auto flex justify-center items-center">
      <a href="http://khuhub.khu.ac.kr/2020105578/nodejs-game">
        <img className="object-contain h-12" alt='logo img' src="./gitlab.png"/>
      </a>
      <div className="flex text-gray-600">Made by&nbsp;
        <a href="https://github.com/aren227" target="_blank" rel="noreferrer"
          className="outline-none focus:outline-none
          text-gray-600 hover:text-green-500
            ease-linear transition-all duration-100">@aren227</a>&nbsp;
        <a href="https://github.com/overnap" target="_blank" rel="noreferrer"
          className="outline-none focus:outline-none
          text-gray-600 hover:text-green-500
            ease-linear transition-all duration-100">@overnap</a>
      </div>
    </div>
  );
}

export default Footer;