import { useNavigate } from "react-router-dom";
import siteLogo from "../assets/Исходники/logo.png";

export default function FooterMobile() {
  const navigate = useNavigate();

  return (
    <footer className="bg-light-blue w-full h-27.5 px-6 flex items-center justify-between ">
      <button
        className="flex flex-col items-center text-sm tracking-widest text-gold"
        onClick={() => navigate("/")}
      >
        <img src={siteLogo} alt="Лого" className="w-12 h-12 object-contain" />
        <span>FISH FISH</span>
      </button>
      <div className="flex items-center">
        <button className="text-light-gray hover:text-gold transition-colors duration-200 text-sm">
          +7 (800) 900-20-20
        </button>
      </div>
    </footer>
  );
}
