Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/core/components/modules/module-layout-icon.tsx

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { TimelineLayoutIcon, GridLayoutIcon, ListLayoutIcon } from "@plane/propel/icons";
+import type { TModuleLayoutOptions } from "@plane/types";
+import { cn } from "@plane/utils";
+
+interface ILayoutIcon {
+  className?: string;
+  containerClassName?: string;
+  layoutType: TModuleLayoutOptions;
+  size?: number;
+  withContainer?: boolean;
+}
+
+export const ModuleLayoutIcon: React.FC<ILayoutIcon> = (props) => {
+  const { layoutType, className = "", containerClassName = "", size = 14, withContainer = false } = props;
+
+  // get Layout icon
+  const icons = {
+    list: ListLayoutIcon,
+    board: GridLayoutIcon,
+    gantt: TimelineLayoutIcon,
+  };
+  const Icon = icons[layoutType ?? "list"];
+
+  if (!Icon) return null;
+
+  return (
+    <>
+      {withContainer ? (
+        <div className={cn("flex items-center justify-center border rounded p-0.5 flex-shrink-0", containerClassName)}>
+          <Icon width={size} height={size} className={cn(className)} />
+        </div>
+      ) : (
+        <Icon width={size} height={size} className={cn("flex-shrink-0", className)} />
+      )}
+    </>
+  );
+};