"use client";

import Image from "next/image";
import React from "react";
import { usePageTitle } from "@/hooks/usePageTitle";

interface IAuthHeadProps {
  title: string;
}

function AuthHead({ title }: IAuthHeadProps) {
  usePageTitle(title);

  return (
    <div className="flex flex-col items-center">
      {title ? (
        <span className="text-2xl font-bold text-foreground">{title}</span>
      ) : null}
      <Image
        width={0}
        height={0}
        className="my-20 w-auto min-w-[300px]"
        src={"/images/icons/logo.svg"}
        alt="logo"
      />
    </div>
  );
}

export default AuthHead;
