[Init] Initial commit - NetMesh terminal manager

components/vault/VaultEntityIcon.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+type VaultEntityIconProps = {
+  icon: React.ReactNode;
+  className?: string;
+  title?: string;
+};
+
+export const vaultEntityIconClass =
+  "h-11 w-11 rounded-xl flex items-center justify-center shrink-0";
+
+export const vaultEntityIconSmClass =
+  "h-8 w-8 rounded-xl flex items-center justify-center shrink-0";
+
+export const vaultPrimaryIconClass = "bg-primary text-primary-foreground";
+export const vaultSnippetIconClass = "bg-sky-700 text-white dark:bg-sky-400 dark:text-slate-950";
+export const vaultAutomationScriptIconClass = "bg-violet-700 text-white dark:bg-violet-400 dark:text-slate-950";
+export const vaultKeyIconClass = "bg-cyan-600 text-white dark:bg-cyan-400 dark:text-slate-950";
+export const vaultCertificateIconClass = "bg-teal-600 text-white dark:bg-teal-400 dark:text-slate-950";
+export const vaultIdentityIconClass = "bg-emerald-600 text-white dark:bg-emerald-400 dark:text-slate-950";
+export const vaultProxyHttpIconClass = "bg-teal-600 text-white dark:bg-teal-400 dark:text-slate-950";
+export const vaultProxySocksIconClass = "bg-sky-600 text-white dark:bg-sky-400 dark:text-slate-950";
+export const vaultProxyCommandIconClass = "bg-violet-600 text-white dark:bg-violet-400 dark:text-slate-950";
+
+export const VaultEntityIcon: React.FC<VaultEntityIconProps> = ({
+  icon,
+  className,
+  title,
+}) => (
+  <div
+    className={cn(vaultEntityIconClass, className)}
+    title={title}
+  >
+    {icon}
+  </div>
+);