refactor icons. Somehow button colors are no longer working...

frontend/src/components/basics/BasicButtonDefinitions.ts

@@ -0,0 +1,35 @@
+import type { LucideIcon } from "lucide-react";
+
+export type BasicButtonProps = {
+  /** Optional Lucide icon (e.g. Plus, X, Check) */
+  icon?: LucideIcon;
+  text?: string;
+  buttonType?: ButtonType;
+  /** Optional additional style */
+  className?: string;
+}
+
+/**
+ * Define button types here.
+ * Export as enum like class.
+ */
+export const ButtonType = {
+  DarkButton: {
+    textColor: "text-dark-button-text",
+    backgroundColor: "bg-dark-button-bg",
+  },
+  PrimaryButton: {
+    textColor: "text-primary-button-text",
+    backgroundColor: "bg-primary-button-bg",
+  },
+  DefaultButton: {
+    textColor: "text-default-button-text",
+    backgroundColor: "bg-default-button-bg",
+  },
+  TransparentButton: {
+    textColor: "text-transparent-button-text",
+    backgroundColor: "bg-transparent-button-bg",
+  },
+} as const;
+
+export type ButtonType = typeof ButtonType[keyof typeof ButtonType];