init

app/components/Icons.tsx

@@ -0,0 +1,58 @@
+import type { LucideProps } from "lucide-react";
+import {
+  BookHeart,
+  CookingPot,
+  CupSoda,
+  Fish,
+  Flame,
+  Heater,
+  Leaf,
+  PackageCheck,
+  Salad,
+  Soup,
+  Timer,
+  Utensils,
+  Wind,
+  Zap,
+} from "lucide-react";
+import type { Appliance, CookingStyle } from "@/app/types";
+
+export function ApplianceIcon({ id, className = "size-4", ...props }: { id: Appliance } & LucideProps) {
+  const shared = { className, strokeWidth: 1.75, "aria-hidden": true as const, ...props };
+  switch (id) {
+    case "stovetop":
+      return <Flame {...shared} />;
+    case "oven":
+      return <Heater {...shared} />;
+    case "air_fryer":
+      return <Wind {...shared} />;
+    case "slow_cooker":
+      return <Soup {...shared} />;
+    case "microwave":
+      return <Zap {...shared} />;
+    case "blender":
+      return <CupSoda {...shared} />;
+    case "rice_cooker":
+      return <CookingPot {...shared} />;
+  }
+}
+
+export function StyleIcon({ id, className = "size-3.5", ...props }: { id: CookingStyle } & LucideProps) {
+  const shared = { className, strokeWidth: 1.75, "aria-hidden": true as const, ...props };
+  switch (id) {
+    case "caydens_corner":
+      return <BookHeart {...shared} />;
+    case "seafood":
+      return <Fish {...shared} />;
+    case "quick":
+      return <Timer {...shared} />;
+    case "vegetarian":
+      return <Leaf {...shared} />;
+    case "healthy":
+      return <Salad {...shared} />;
+    case "meal_prep":
+      return <PackageCheck {...shared} />;
+    case "comfort":
+      return <Utensils {...shared} />;
+  }
+}