"use client";

import { Button } from "@/components/ui/button";
import { ArrowLeft } from "lucide-react";
import { useRouter } from "next/navigation";
import React from "react";

const TitleHeader = ({ title }: { title: string }) => {
  const router = useRouter();
  return (
    <header className="z-40 sticky top-0 bg-white shadow-sm">
      <div className="container mx-auto px-4 py-2 flex items-center justify-between">
        <Button
          onClick={() => router.back()}
          variant={"ghost"}
          className="rounded-full !p-1 h-9 w-9"
        >
          <ArrowLeft className="h-4 w-4 !m-0" />
        </Button>
        <h1 className="text-lg font-bold">{title}</h1>
        <div className="" />
      </div>
    </header>
  );
};

export default TitleHeader;