first commit

src/ui/CardHeader.tsx

@@ -0,0 +1,21 @@
+import clsx from "clsx";
+
+type CameraOverviewHeaderProps = {
+  title?: string;
+};
+const CardHeader = ({ title }: CameraOverviewHeaderProps) => {
+  return (
+    <div
+      className={clsx(
+        "w-full border-b border-gray-600 flex flex-row items-center space-x-2 mb-6 relative justify-between",
+      )}
+    >
+      <div className="flex items-center space-x-2">
+        {/* {icon && <FontAwesomeIcon icon={icon} className="size-4" />} */}
+        <h2 className="text-xl">{title}</h2>
+      </div>
+    </div>
+  );
+};
+
+export default CardHeader;