ignore folder

components/ui/Badge.tsx

@@ -0,0 +1,19 @@
+export default function Badge({
+  variant,
+  children
+}: {
+  variant: "success" | "danger" | "warning" | "secondary" | "info";
+  children: string;
+}) {
+  const cls =
+    variant === "success"
+      ? "bg-success"
+      : variant === "danger"
+      ? "bg-danger"
+      : variant === "warning"
+      ? "bg-warning"
+      : variant === "info"
+      ? "bg-info"
+      : "bg-secondary";
+  return <span className={`badge ${cls}`}>{children}</span>;
+}