Merge pull request #1 from cloudera/mob/main

Update readme and remove cuix
cloudera · Nov 8, 2024 · 32ce0b2 · 32ce0b2
2 parents 563f9b2 + 69ca5b5
commit 32ce0b2
Show file tree

Hide file tree

Showing 29 changed files with 2,760 additions and 1,580 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 ### What is Rag Studio?
 
-TBD - An AMP that provides a no-code tool to build RAG applications
+An AMP that provides a no-code tool to build RAG applications
 
 ### Pre-requisites
 

diff --git a/ui/.npmrc b/ui/.npmrc
diff --git a/ui/package.json b/ui/package.json
@@ -16,7 +16,6 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.4.0",
-    "@cloudera-internal/cuix-core": "^1.1.10",
     "@tanstack/react-query": "^5.51.18",
     "@tanstack/react-query-devtools": "^5.51.18",
     "@tanstack/react-router": "^1.47.1",

diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml
diff --git a/ui/src/components/AmpUpdate/JobStatusTracker.tsx b/ui/src/components/AmpUpdate/JobStatusTracker.tsx
@@ -38,14 +38,10 @@
 
 import { JobStatus } from "src/api/ampUpdateApi.ts";
 import { Flex, Progress, Typography } from "antd";
-import {
-  cdlBlue600,
-  cdlGray200,
-  cdlGreen600,
-} from "@cloudera-internal/cuix-core/variables";
+import { cdlBlue600, cdlGray200, cdlGreen600 } from "src/cuix/variables.ts";
 
 const jobStatusDisplayValue = (jobStatus?: JobStatus): string => {
-  const statusMap: { [key in JobStatus]?: string } = {
+  const statusMap: Record<JobStatus, string> = {
     [JobStatus.SCHEDULING]: "Scheduling",
     [JobStatus.STARTING]: "Starting",
     [JobStatus.RUNNING]: "Running",

diff --git a/ui/src/components/GettingStarted/GettingStarted.tsx b/ui/src/components/GettingStarted/GettingStarted.tsx
@@ -37,7 +37,7 @@
  ******************************************************************************/
 
 import { Button, Flex, Image, Typography } from "antd";
-import { cdlGray050 } from "@cloudera-internal/cuix-core/variables";
+import { cdlGray050 } from "src/cuix/variables.ts";
 import { useNavigate } from "@tanstack/react-router";
 import GettingStartedSellingPoints from "src/components/SellingPoints/GettingStartedSellingPoints.tsx";
 import Images from "src/components/images/Images.ts";

diff --git a/ui/src/components/GettingStarted/NoDataSources.tsx b/ui/src/components/GettingStarted/NoDataSources.tsx
@@ -39,7 +39,7 @@
 import { Button, Flex } from "antd";
 import { useNavigate } from "@tanstack/react-router";
 import { PlusCircleOutlined } from "@ant-design/icons";
-import { cdlWhite } from "@cloudera-internal/cuix-core/variables";
+import { cdlWhite } from "src/cuix/variables.ts";
 import NoKnowledgeBaseSellingPoints from "src/components/SellingPoints/NoKnowledgeBaseSellingPoints.tsx";
 import Images from "src/components/images/Images.ts";
 

diff --git a/ui/src/cuix/icons/AiAssistantIcon.ts b/ui/src/cuix/icons/AiAssistantIcon.ts
@@ -0,0 +1,58 @@
+/*******************************************************************************
+ * CLOUDERA APPLIED MACHINE LEARNING PROTOTYPE (AMP)
+ * (C) Cloudera, Inc. 2024
+ * All rights reserved.
+ *
+ * Applicable Open Source License: Apache 2.0
+ *
+ * NOTE: Cloudera open source products are modular software products
+ * made up of hundreds of individual components, each of which was
+ * individually copyrighted.  Each Cloudera open source product is a
+ * collective work under U.S. Copyright Law. Your license to use the
+ * collective work is as provided in your written agreement with
+ * Cloudera.  Used apart from the collective work, this file is
+ * licensed for your use pursuant to the open source license
+ * identified above.
+ *
+ * This code is provided to you pursuant a written agreement with
+ * (i) Cloudera, Inc. or (ii) a third-party authorized to distribute
+ * this code. If you do not have a written agreement with Cloudera nor
+ * with an authorized and properly licensed third party, you do not
+ * have any rights to access nor to use this code.
+ *
+ * Absent a written agreement with Cloudera, Inc. ("Cloudera") to the
+ * contrary, A) CLOUDERA PROVIDES THIS CODE TO YOU WITHOUT WARRANTIES OF ANY
+ * KIND; (B) CLOUDERA DISCLAIMS ANY AND ALL EXPRESS AND IMPLIED
+ * WARRANTIES WITH RESPECT TO THIS CODE, INCLUDING BUT NOT LIMITED TO
+ * IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY AND
+ * FITNESS FOR A PARTICULAR PURPOSE; (C) CLOUDERA IS NOT LIABLE TO YOU,
+ * AND WILL NOT DEFEND, INDEMNIFY, NOR HOLD YOU HARMLESS FOR ANY CLAIMS
+ * ARISING FROM OR RELATED TO THE CODE; AND (D)WITH RESPECT TO YOUR EXERCISE
+ * OF ANY RIGHTS GRANTED TO YOU FOR THE CODE, CLOUDERA IS NOT LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, PUNITIVE OR
+ * CONSEQUENTIAL DAMAGES INCLUDING, BUT NOT LIMITED TO, DAMAGES
+ * RELATED TO LOST REVENUE, LOST PROFITS, LOSS OF INCOME, LOSS OF
+ * BUSINESS ADVANTAGE OR UNAVAILABILITY, OR LOSS OR CORRUPTION OF
+ * DATA.
+ ******************************************************************************/
+import React from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const AiAssistantIcon = (props: any) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "1em",
+      height: "1em",
+      className: "cdp-icon-ai-assistant",
+      ...props,
+    },
+    /*#__PURE__*/ React.createElement("path", {
+      d: "M2 7.207l3.838-1.383L7.207 2 8.58 5.824l3.833 1.383-3.833 1.378-1.374 3.83-1.396-3.83-3.812-1.378zM3.5 18.174l2.82-1.016 1.006-2.81 1.01 2.81 2.816 1.016-2.817 1.012L7.325 22 6.3 19.186l-2.8-1.012zM8.865 13.06l4.842-1.745 1.726-4.823 1.732 4.823L22 13.059l-4.835 1.737-1.732 4.83-1.76-4.83-4.808-1.737z",
+      fill: "currentColor",
+    }),
+  );
+
+export default AiAssistantIcon;
diff --git a/ui/src/cuix/icons/DocumentationIcon.ts b/ui/src/cuix/icons/DocumentationIcon.ts
@@ -0,0 +1,60 @@
+/*******************************************************************************
+ * CLOUDERA APPLIED MACHINE LEARNING PROTOTYPE (AMP)
+ * (C) Cloudera, Inc. 2024
+ * All rights reserved.
+ *
+ * Applicable Open Source License: Apache 2.0
+ *
+ * NOTE: Cloudera open source products are modular software products
+ * made up of hundreds of individual components, each of which was
+ * individually copyrighted.  Each Cloudera open source product is a
+ * collective work under U.S. Copyright Law. Your license to use the
+ * collective work is as provided in your written agreement with
+ * Cloudera.  Used apart from the collective work, this file is
+ * licensed for your use pursuant to the open source license
+ * identified above.
+ *
+ * This code is provided to you pursuant a written agreement with
+ * (i) Cloudera, Inc. or (ii) a third-party authorized to distribute
+ * this code. If you do not have a written agreement with Cloudera nor
+ * with an authorized and properly licensed third party, you do not
+ * have any rights to access nor to use this code.
+ *
+ * Absent a written agreement with Cloudera, Inc. ("Cloudera") to the
+ * contrary, A) CLOUDERA PROVIDES THIS CODE TO YOU WITHOUT WARRANTIES OF ANY
+ * KIND; (B) CLOUDERA DISCLAIMS ANY AND ALL EXPRESS AND IMPLIED
+ * WARRANTIES WITH RESPECT TO THIS CODE, INCLUDING BUT NOT LIMITED TO
+ * IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY AND
+ * FITNESS FOR A PARTICULAR PURPOSE; (C) CLOUDERA IS NOT LIABLE TO YOU,
+ * AND WILL NOT DEFEND, INDEMNIFY, NOR HOLD YOU HARMLESS FOR ANY CLAIMS
+ * ARISING FROM OR RELATED TO THE CODE; AND (D)WITH RESPECT TO YOUR EXERCISE
+ * OF ANY RIGHTS GRANTED TO YOU FOR THE CODE, CLOUDERA IS NOT LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, PUNITIVE OR
+ * CONSEQUENTIAL DAMAGES INCLUDING, BUT NOT LIMITED TO, DAMAGES
+ * RELATED TO LOST REVENUE, LOST PROFITS, LOSS OF INCOME, LOSS OF
+ * BUSINESS ADVANTAGE OR UNAVAILABILITY, OR LOSS OR CORRUPTION OF
+ * DATA.
+ ******************************************************************************/
+import React from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const DocumentationIcon = (props: any) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "1em",
+      height: "1em",
+      className: "cdp-icon-documentation",
+      ...props,
+    },
+    /*#__PURE__*/ React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14.413 2L20 7.585V22H4V2h10.413zm-2.414 2H6v16h12V9.999L12 10l-.001-6zM16 16v2H8v-2h8zm0-4v2H8v-2h8zm-6-4v2H8V8h2zm3.999-3.586L14 7.999h3.585l-3.586-3.585z",
+      fill: "currentColor",
+    }),
+  );
+
+export default DocumentationIcon;
diff --git a/ui/src/cuix/icons/LightbulbIcon.ts b/ui/src/cuix/icons/LightbulbIcon.ts
@@ -0,0 +1,60 @@
+/*******************************************************************************
+ * CLOUDERA APPLIED MACHINE LEARNING PROTOTYPE (AMP)
+ * (C) Cloudera, Inc. 2024
+ * All rights reserved.
+ *
+ * Applicable Open Source License: Apache 2.0
+ *
+ * NOTE: Cloudera open source products are modular software products
+ * made up of hundreds of individual components, each of which was
+ * individually copyrighted.  Each Cloudera open source product is a
+ * collective work under U.S. Copyright Law. Your license to use the
+ * collective work is as provided in your written agreement with
+ * Cloudera.  Used apart from the collective work, this file is
+ * licensed for your use pursuant to the open source license
+ * identified above.
+ *
+ * This code is provided to you pursuant a written agreement with
+ * (i) Cloudera, Inc. or (ii) a third-party authorized to distribute
+ * this code. If you do not have a written agreement with Cloudera nor
+ * with an authorized and properly licensed third party, you do not
+ * have any rights to access nor to use this code.
+ *
+ * Absent a written agreement with Cloudera, Inc. ("Cloudera") to the
+ * contrary, A) CLOUDERA PROVIDES THIS CODE TO YOU WITHOUT WARRANTIES OF ANY
+ * KIND; (B) CLOUDERA DISCLAIMS ANY AND ALL EXPRESS AND IMPLIED
+ * WARRANTIES WITH RESPECT TO THIS CODE, INCLUDING BUT NOT LIMITED TO
+ * IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY AND
+ * FITNESS FOR A PARTICULAR PURPOSE; (C) CLOUDERA IS NOT LIABLE TO YOU,
+ * AND WILL NOT DEFEND, INDEMNIFY, NOR HOLD YOU HARMLESS FOR ANY CLAIMS
+ * ARISING FROM OR RELATED TO THE CODE; AND (D)WITH RESPECT TO YOUR EXERCISE
+ * OF ANY RIGHTS GRANTED TO YOU FOR THE CODE, CLOUDERA IS NOT LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, PUNITIVE OR
+ * CONSEQUENTIAL DAMAGES INCLUDING, BUT NOT LIMITED TO, DAMAGES
+ * RELATED TO LOST REVENUE, LOST PROFITS, LOSS OF INCOME, LOSS OF
+ * BUSINESS ADVANTAGE OR UNAVAILABILITY, OR LOSS OR CORRUPTION OF
+ * DATA.
+ ******************************************************************************/
+import React from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const LightbulbIcon = (props: any) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "1em",
+      height: "1em",
+      className: "cdp-icon-lightbulb",
+      ...props,
+    },
+    /*#__PURE__*/ React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15.056 12.517l.146-.168C16.446 10.906 17 9.73 17 8.538 17 6.037 14.757 4 12 4S7 6.037 7 8.538c0 1.193.554 2.368 1.797 3.81l.147.169.002.002c.344.393.721.824.917 1.48h1.387v-2h1.5v2h1.387c.196-.656.573-1.087.917-1.48l.002-.002zM5 8.537C5 4.934 8.14 2 12 2c3.859 0 7 2.933 7 6.538 0 1.707-.704 3.284-2.281 5.115l-.159.182c-.42.479-.56.64-.56 1.165v1H8v-1c0-.524-.141-.685-.558-1.162l-.003-.003-.159-.183C5.704 11.822 5 10.245 5 8.538zM10.277 21H9.5v-1h5v1h-.777c-.347.596-.985 1-1.723 1a1.992 1.992 0 01-1.723-1zM9 19h6v-2H9v2zm3.914-9c.204 0 .383-.243.475-.451.099-.222.119-.418.109-.55h-2.996c-.01.139.012.343.107.559.094.214.27.442.482.442h1.823zM9.958 8h4.088l.149.163c.419.459.356 1.23.109 1.789-.29.657-.81 1.048-1.39 1.048H11.09c-.588 0-1.11-.39-1.396-1.04-.248-.56-.31-1.333.115-1.797L9.958 8z",
+      fill: "currentColor",
+    }),
+  );
+
+export default LightbulbIcon;
diff --git a/ui/src/cuix/icons/ProductDataFlowLgIcon.ts b/ui/src/cuix/icons/ProductDataFlowLgIcon.ts
@@ -0,0 +1,60 @@
+/*******************************************************************************
+ * CLOUDERA APPLIED MACHINE LEARNING PROTOTYPE (AMP)
+ * (C) Cloudera, Inc. 2024
+ * All rights reserved.
+ *
+ * Applicable Open Source License: Apache 2.0
+ *
+ * NOTE: Cloudera open source products are modular software products
+ * made up of hundreds of individual components, each of which was
+ * individually copyrighted.  Each Cloudera open source product is a
+ * collective work under U.S. Copyright Law. Your license to use the
+ * collective work is as provided in your written agreement with
+ * Cloudera.  Used apart from the collective work, this file is
+ * licensed for your use pursuant to the open source license
+ * identified above.
+ *
+ * This code is provided to you pursuant a written agreement with
+ * (i) Cloudera, Inc. or (ii) a third-party authorized to distribute
+ * this code. If you do not have a written agreement with Cloudera nor
+ * with an authorized and properly licensed third party, you do not
+ * have any rights to access nor to use this code.
+ *
+ * Absent a written agreement with Cloudera, Inc. ("Cloudera") to the
+ * contrary, A) CLOUDERA PROVIDES THIS CODE TO YOU WITHOUT WARRANTIES OF ANY
+ * KIND; (B) CLOUDERA DISCLAIMS ANY AND ALL EXPRESS AND IMPLIED
+ * WARRANTIES WITH RESPECT TO THIS CODE, INCLUDING BUT NOT LIMITED TO
+ * IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY AND
+ * FITNESS FOR A PARTICULAR PURPOSE; (C) CLOUDERA IS NOT LIABLE TO YOU,
+ * AND WILL NOT DEFEND, INDEMNIFY, NOR HOLD YOU HARMLESS FOR ANY CLAIMS
+ * ARISING FROM OR RELATED TO THE CODE; AND (D)WITH RESPECT TO YOUR EXERCISE
+ * OF ANY RIGHTS GRANTED TO YOU FOR THE CODE, CLOUDERA IS NOT LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, PUNITIVE OR
+ * CONSEQUENTIAL DAMAGES INCLUDING, BUT NOT LIMITED TO, DAMAGES
+ * RELATED TO LOST REVENUE, LOST PROFITS, LOSS OF INCOME, LOSS OF
+ * BUSINESS ADVANTAGE OR UNAVAILABILITY, OR LOSS OR CORRUPTION OF
+ * DATA.
+ ******************************************************************************/
+import React from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const ProductDataFlowLgIcon = (props: any) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 192 192",
+      fill: "none",
+      width: "1em",
+      height: "1em",
+      className: "cdp-icon-product-data-flow-lg",
+      ...props,
+    },
+    /*#__PURE__*/ React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M151.145 91.522C144.68 85.053 136.623 77 121.333 77c-15.289 0-23.346 8.053-29.81 14.522-6.045 6.041-10.813 10.812-20.856 10.812-10.044 0-14.812-4.771-20.855-10.812-4.38-4.382-9.552-9.434-17.145-12.274V32.667h126.666v66.018c-2.878-1.901-5.407-4.383-8.188-7.163zm8.188 67.812H32.667V93.315c2.878 1.901 5.407 4.383 8.188 7.163C47.322 106.947 55.379 115 70.668 115c15.29 0 23.346-8.053 29.811-14.522 6.045-6.04 10.812-10.811 20.855-10.811 10.045 0 14.812 4.771 20.856 10.811 4.38 4.382 9.552 9.434 17.144 12.274v46.582zm0-139.334H32.667c-6.997 0-12.668 5.671-12.668 12.667v126.667C20 166.329 25.672 172 32.668 172h126.666c6.996 0 12.667-5.671 12.667-12.666V32.667C172 25.671 166.329 20 159.333 20z",
+      fill: "#C354FF",
+    }),
+  );
+
+export default ProductDataFlowLgIcon;
diff --git a/ui/src/cuix/icons/SettingsIcon.ts b/ui/src/cuix/icons/SettingsIcon.ts
@@ -0,0 +1,60 @@
+/*******************************************************************************
+ * CLOUDERA APPLIED MACHINE LEARNING PROTOTYPE (AMP)
+ * (C) Cloudera, Inc. 2024
+ * All rights reserved.
+ *
+ * Applicable Open Source License: Apache 2.0
+ *
+ * NOTE: Cloudera open source products are modular software products
+ * made up of hundreds of individual components, each of which was
+ * individually copyrighted.  Each Cloudera open source product is a
+ * collective work under U.S. Copyright Law. Your license to use the
+ * collective work is as provided in your written agreement with
+ * Cloudera.  Used apart from the collective work, this file is
+ * licensed for your use pursuant to the open source license
+ * identified above.
+ *
+ * This code is provided to you pursuant a written agreement with
+ * (i) Cloudera, Inc. or (ii) a third-party authorized to distribute
+ * this code. If you do not have a written agreement with Cloudera nor
+ * with an authorized and properly licensed third party, you do not
+ * have any rights to access nor to use this code.
+ *
+ * Absent a written agreement with Cloudera, Inc. ("Cloudera") to the
+ * contrary, A) CLOUDERA PROVIDES THIS CODE TO YOU WITHOUT WARRANTIES OF ANY
+ * KIND; (B) CLOUDERA DISCLAIMS ANY AND ALL EXPRESS AND IMPLIED
+ * WARRANTIES WITH RESPECT TO THIS CODE, INCLUDING BUT NOT LIMITED TO
+ * IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY AND
+ * FITNESS FOR A PARTICULAR PURPOSE; (C) CLOUDERA IS NOT LIABLE TO YOU,
+ * AND WILL NOT DEFEND, INDEMNIFY, NOR HOLD YOU HARMLESS FOR ANY CLAIMS
+ * ARISING FROM OR RELATED TO THE CODE; AND (D)WITH RESPECT TO YOUR EXERCISE
+ * OF ANY RIGHTS GRANTED TO YOU FOR THE CODE, CLOUDERA IS NOT LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, PUNITIVE OR
+ * CONSEQUENTIAL DAMAGES INCLUDING, BUT NOT LIMITED TO, DAMAGES
+ * RELATED TO LOST REVENUE, LOST PROFITS, LOSS OF INCOME, LOSS OF
+ * BUSINESS ADVANTAGE OR UNAVAILABILITY, OR LOSS OR CORRUPTION OF
+ * DATA.
+ ******************************************************************************/
+import React from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const SettingsIcon = (props: any) =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "1em",
+      height: "1em",
+      className: "cdp-icon-settings",
+      ...props,
+    },
+    /*#__PURE__*/ React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 9.241a2.762 2.762 0 00-2.759 2.76A2.763 2.763 0 0012 14.758 2.763 2.763 0 0014.759 12 2.762 2.762 0 0012 9.241zm0 7.29a4.535 4.535 0 01-4.531-4.53A4.535 4.535 0 0112 7.468 4.535 4.535 0 0116.531 12 4.535 4.535 0 0112 16.531zm-.616 3.696h1.232l.313-1.869.569-.137a6.427 6.427 0 001.841-.763l.5-.307 1.543 1.103.872-.872-1.103-1.545.307-.5c.35-.57.606-1.188.764-1.839l.136-.569 1.87-.313v-1.232l-1.87-.313-.136-.569a6.418 6.418 0 00-.764-1.84l-.307-.5 1.103-1.544-.872-.872-1.543 1.102-.5-.306a6.401 6.401 0 00-1.841-.764l-.569-.137-.313-1.869h-1.232l-.313 1.87-.569.136a6.401 6.401 0 00-1.841.764l-.5.306-1.543-1.102-.872.872 1.103 1.543-.307.5a6.418 6.418 0 00-.764 1.841l-.136.57-1.87.312v1.232l1.87.313.136.57c.158.65.414 1.267.764 1.838l.307.5-1.103 1.545.872.872 1.543-1.103.5.307a6.427 6.427 0 001.841.763l.569.137.313 1.87zM14.117 22H9.883l-.37-2.216a8.276 8.276 0 01-1.258-.522l-1.828 1.306-2.995-2.995 1.306-1.829a8.026 8.026 0 01-.522-1.257L2 14.117V9.883l2.216-.37c.138-.433.313-.854.522-1.258L3.432 6.427l2.995-2.996 1.828 1.307a8.077 8.077 0 011.258-.522L9.883 2h4.234l.37 2.216c.433.138.854.313 1.258.522l1.828-1.307 2.995 2.996-1.306 1.828c.209.404.384.825.522 1.257L22 9.883v4.234l-2.216.37a8.026 8.026 0 01-.522 1.257l1.306 1.83-2.995 2.994-1.828-1.306a8.276 8.276 0 01-1.258.522L14.117 22z",
+      fill: "currentColor",
+    }),
+  );
+
+export default SettingsIcon;