@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.21

package/lib/result/Processing.js

@@ -1,256 +1,356 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/result/Processing.tsx
-var Processing_exports = {};
-__export(Processing_exports, {
-  default: () => Processing_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Processing_exports);
-var import_react = __toESM(require("react"));
-var import_icons = __toESM(require("@oceanbase/icons"));
-var ProcessingSvg = () => /* @__PURE__ */ import_react.default.createElement(
-  "svg",
-  {
+exports.default = void 0;
+var _react = require("@inline-svg-unique-id/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("@oceanbase/icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ProcessingSvg = function () {
+  const _id3 = (0, _react.useUniqueInlineId)();
+  const _id2 = (0, _react.useUniqueInlineId)();
+  const _id = (0, _react.useUniqueInlineId)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     width: "160px",
     height: "160px",
     viewBox: "0 0 160 160",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
-      id: "oceanbase-design-result-processing-path-1"
-    }
-  )),
-  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(6, 14)" }, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("g", { fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#07C846", cx: "24.7375", cy: "24.7375", r: "24.7375" }), /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
-      transform: "translate(8.8625, 8.8625)",
-      fill: "#FFFFFF",
-      stroke: "#FFFFFF",
-      strokeWidth: "1.2375"
-    },
-    /* @__PURE__ */ import_react.default.createElement("rect", { x: "14.9375", y: "0", width: "1.8875", height: "9.6125", rx: "0.9375" }),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.9",
-        transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
-        x: "7.11523273",
-        y: "3.24497799",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.8",
-        transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
-        x: "3.8625",
-        y: "11.075",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.7",
-        transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
-        x: "7.09869911",
-        y: "18.8935461",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.6",
-        transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
-        x: "14.925",
-        y: "22.1375",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.5",
-        transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
-        x: "22.764825",
-        y: "18.892522",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.3",
-        transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
-        x: "26",
-        y: "11.075",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        opacity: "0.2",
-        transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
-        x: "22.7587431",
-        y: "3.24395385",
-        width: "1.8875",
-        height: "9.6125",
-        rx: "0.9375"
-      }
-    )
-  )), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(18.7375, 73.625)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement(
-    "polygon",
-    {
-      fill: "#FFA005",
-      points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#FFB337", cx: "21.9125", cy: "21.8125", r: "7.2375" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#CCCCCC", x: "0", y: "5.925", width: "43.825", height: "4.725" }), /* @__PURE__ */ import_react.default.createElement("polygon", { fill: "#E6E6E6", points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0" }), /* @__PURE__ */ import_react.default.createElement(
-    "polygon",
-    {
-      fill: "#E6E6E6",
-      points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
-    }
-  )), /* @__PURE__ */ import_react.default.createElement("g", { id: "Clipped", transform: "translate(14.9125, 13.75)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-processing-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-processing-path-1" })), /* @__PURE__ */ import_react.default.createElement("g", null), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-result-processing-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(31.5625, 35.9375)" }, /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#132039",
-      fillRule: "nonzero",
-      x: "10.2875",
-      y: "0",
-      width: "133.8375",
-      height: "79",
-      rx: "4.7625"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#0181FD",
-      fillRule: "nonzero",
-      transform: "translate(77.2062, 39.5063) rotate(90) translate(-77.2062, -39.5063)",
-      x: "42.1875",
-      y: "-22.7375",
-      width: "70.0375",
-      height: "124.4875",
-      rx: "0.6375"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
+        id: _id
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      stroke: "none",
       strokeWidth: "1",
       fill: "none",
       fillRule: "evenodd",
-      transform: "translate(22.5, 31.7625)"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        fill: "#FFFFFF",
-        fillRule: "nonzero",
-        x: "0",
-        y: "0",
-        width: "108.0375",
-        height: "15.6",
-        rx: "2.6875"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
-        fill: "#07C846",
-        fillRule: "nonzero",
-        transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
-      }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M0.0125,74.5 L147.4375,74.5 L147.4375,75.0625 C147.4375,78.975 144.2625,82.1625 140.3375,82.1625 L7.1,82.1625 C3.1875,82.1625 0,78.9875 0,75.0625 L0,74.5 L0,74.5 L0.0125,74.5 Z",
-      fill: "#132039",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M63.9875,74.5 L95.1375,74.5 L95.1375,74.8 C95.1375,76.2875 93.9375,77.4875 92.45,77.4875 L66.6875,77.4875 C65.2,77.4875 64,76.2875 64,74.8 L64,74.5 L64,74.5 L63.9875,74.5 Z",
-      fill: "#424D61",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      transform: "translate(21.925, 10.425)",
-      opacity: "0.2"
-    },
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 6.5125)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "104.45", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(40.4125, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "14.2375", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(57.8625, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "46.575", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "30.1125", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(32.65, 0)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "21.4375", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(56.6375, 0)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "47.8", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 13)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "18.6125", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(21.15, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "27.55", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(51.2375, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "33.9125", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 56.125)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
-    /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(40.6125, 13)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "28.0875", height: "3.15", rx: "0.7875" }))
-  ))))))
-);
-var Processing = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: ProcessingSvg, ...props });
-var Processing_default = Processing;
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        transform: "translate(6, 14)",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
+          fill: "#0181FD",
+          fillRule: "nonzero"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          fillRule: "nonzero",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+            fill: "#07C846",
+            cx: "24.7375",
+            cy: "24.7375",
+            r: "24.7375"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+            transform: "translate(8.8625, 8.8625)",
+            fill: "#FFFFFF",
+            stroke: "#FFFFFF",
+            strokeWidth: "1.2375",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              x: "14.9375",
+              y: "0",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.9",
+              transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
+              x: "7.11523273",
+              y: "3.24497799",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.8",
+              transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
+              x: "3.8625",
+              y: "11.075",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.7",
+              transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
+              x: "7.09869911",
+              y: "18.8935461",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.6",
+              transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
+              x: "14.925",
+              y: "22.1375",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.5",
+              transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
+              x: "22.764825",
+              y: "18.892522",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.3",
+              transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
+              x: "26",
+              y: "11.075",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.2",
+              transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
+              x: "22.7587431",
+              y: "3.24395385",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          transform: "translate(18.7375, 73.625)",
+          fillRule: "nonzero",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+            fill: "#FFA005",
+            points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+            fill: "#FFB337",
+            cx: "21.9125",
+            cy: "21.8125",
+            r: "7.2375"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+            fill: "#CCCCCC",
+            x: "0",
+            y: "5.925",
+            width: "43.825",
+            height: "4.725"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+            fill: "#E6E6E6",
+            points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+            fill: "#E6E6E6",
+            points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          id: _id2,
+          transform: "translate(14.9125, 13.75)",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
+            id: _id3,
+            fill: "white",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+              href: `#${_id}`
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+            mask: `url(#${_id3})`,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+              transform: "translate(31.5625, 35.9375)",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                fill: "#132039",
+                fillRule: "nonzero",
+                x: "10.2875",
+                y: "0",
+                width: "133.8375",
+                height: "79",
+                rx: "4.7625"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                fill: "#0181FD",
+                fillRule: "nonzero",
+                transform: "translate(77.2062, 39.5063) rotate(90) translate(-77.2062, -39.5063)",
+                x: "42.1875",
+                y: "-22.7375",
+                width: "70.0375",
+                height: "124.4875",
+                rx: "0.6375"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                strokeWidth: "1",
+                fill: "none",
+                fillRule: "evenodd",
+                transform: "translate(22.5, 31.7625)",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  x: "0",
+                  y: "0",
+                  width: "108.0375",
+                  height: "15.6",
+                  rx: "2.6875"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                  d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
+                  fill: "#07C846",
+                  fillRule: "nonzero",
+                  transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                d: "M0.0125,74.5 L147.4375,74.5 L147.4375,75.0625 C147.4375,78.975 144.2625,82.1625 140.3375,82.1625 L7.1,82.1625 C3.1875,82.1625 0,78.9875 0,75.0625 L0,74.5 L0,74.5 L0.0125,74.5 Z",
+                fill: "#132039",
+                fillRule: "nonzero"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                d: "M63.9875,74.5 L95.1375,74.5 L95.1375,74.8 C95.1375,76.2875 93.9375,77.4875 92.45,77.4875 L66.6875,77.4875 C65.2,77.4875 64,76.2875 64,74.8 L64,74.5 L64,74.5 L63.9875,74.5 Z",
+                fill: "#424D61",
+                fillRule: "nonzero"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                strokeWidth: "1",
+                fill: "none",
+                fillRule: "evenodd",
+                transform: "translate(21.925, 10.425)",
+                opacity: "0.2",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 6.5125)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "104.45",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 42.2375)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "37.2125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(40.4125, 42.2375)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "14.2375",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(57.8625, 42.2375)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "46.575",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "30.1125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(32.65, 0)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "21.4375",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(56.6375, 0)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "47.8",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 13)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "37.2125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 48.725)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "18.6125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(21.15, 48.725)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "27.55",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(51.2375, 48.725)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "33.9125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 56.125)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "37.2125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(40.6125, 13)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "28.0875",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                })]
+              })]
+            })
+          })]
+        })]
+      })
+    })]
+  });
+};
+const Processing = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default, {
+  component: ProcessingSvg,
+  ...props
+});
+var _default = exports.default = Processing;