import React from "react";
import { ArrowLeftIcon } from "@heroicons/react/24/outline";

const HeaderBackButton: React.FC = () => {
  return (
    <button className="flex items-center gap-1">
      <ArrowLeftIcon width={24} height={24} />
      <span className="text-sm">Back</span>
    </button>
  );
};

export default React.memo(HeaderBackButton);