import { faEye } from "@fortawesome/free-regular-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

type SightingHeaderProps = {
  title: string;
};

const SightingHeader = ({ title }: SightingHeaderProps) => {
  return (
    <div className="w-full border-b border-gray-600 flex flex-row items-center space-x-2 md:mb-6">
      <FontAwesomeIcon icon={faEye} className="size-4" />
      <h2 className="text-xl">{title}</h2>
    </div>
  );
};

export default SightingHeader;
