import { FC } from "react";

import { useSettings } from "@/utils/settings";
import Image from "next/image";
import logoImage from "/public/static/images/logo.png";

const Logo: FC = () => {
  const logo = useSettings("logo");
  return (
    <>
      {logo ? (
        <div className="max-w-[120px] h-8 overflow-hidden">
          <img src={`${logo}`} className="h-8 object-fill" alt="logo" />
        </div>
      ) : (
        <div className="max-w-[120px] h-8 overflow-hidden">
          <Image alt="logo" className="h-8 object-fill" src={logoImage} />
        </div>
      )}
    </>
  );
};

export default Logo;