import React from "react";
import { Layout } from "antd";
import { Link } from "react-router-dom";

interface PropInterface {
  type?: string;
}

export const Footer: React.FC<PropInterface> = ({ type }) => {
  return (
    <Layout.Footer
      style={{
        width: "100%",
        background: type === "none" ? "none" : "#F6F6F6",
        height: 166,
        paddingTop: 80,
        textAlign: "center",
      }}
    >
      <Link
        to="https://www.playeduos.com/"
        style={{
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
        }}
        target="blank"
      >
        {/* 此处为版权标识，严禁删改 */}
        <i
          style={{ fontSize: 30, color: "#cccccc" }}
          className="iconfont icon-waterprint footer-icon"
          onClick={() => {}}
        ></i>
        <span
          className="ml-5"
          style={{ color: "#D7D7D7", fontSize: 12, marginTop: -5 }}
        >
          Version 1.7
        </span>
      </Link>
    </Layout.Footer>
  );
};
