initial commit

src/components/PlateStack/SightingHeader.tsx

@@ -0,0 +1,17 @@
+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;