WIP updates

2022-11-27 22:50:46 +10:00
parent a9561fe622
commit e457cef3da
79 changed files with 2100 additions and 1284 deletions
@@ -0,0 +1,39 @@
+import type React from "react";
+
+import { ExclamationCircleIcon } from "@heroicons/react/24/outline";
+
+export interface InfoWrapperProps {
+  label?: string;
+  description?: string;
+  error?: string;
+  children: React.ReactNode;
+}
+
+export const InfoWrapper = ({
+  label,
+  description,
+  error,
+  children
+}: InfoWrapperProps): JSX.Element => {
+  return (
+    <div className="w-full">
+      {/* Label */}
+      {label && (
+        <label className="block text-sm font-medium text-gray-700">
+          {label}
+        </label>
+      )}
+      {/*  */}
+      {children}
+      {error && (
+        <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
+          <ExclamationCircleIcon className="h-5 w-5 text-red-500" />
+        </div>
+      )}
+      {description && (
+        <p className="mt-2 text-sm text-gray-500">{description}</p>
+      )}
+      {error && <p className="mt-2 text-sm text-red-600">{error}</p>}
+    </div>
+  );
+};