react-native-exp-fig 0.1.0 → 0.1.2

package/src/common/icons-svg/index.tsx

@@ -1,149 +1,167 @@
-/**
- * IMPORTS
- */
-import React from "react";
-
-// commons / svg
-import { SvgIconSteeringWheel } from "./steering-wheel";
-import { SvgIconCheckBoxFill } from "./check-box-fill";
-import { SvgIconCheckBoxOutline } from "./check-box-outline";
-import { SvgIconCameraPlus } from "./camera-plus";
-import { SvgIconMoonStars } from "./moon-stars";
-import { SvgIconCallBell } from "./call-bell";
-import { SvgIconSteeringWheelFill } from "./steering-wheel-fill";
-import { SvgIconTrophy } from "./trophy";
-import { IconShoppingCart } from "./shopping-cart";
-import { IconCreditCard } from "./credit-card";
-import { IconFileText } from "./file-text";
-import { IconTruck } from "./truck";
-import { IconPackageCheck } from "./package-check";
-import { SvgIconEyeSlash } from "./eye-slash";
-import { SvgIconCalendar } from "./calendar";
-import { SvgIconCurrency } from "./currency";
-import { SvgIconEye } from "./eye";
-import { SvgIconGasPump } from "./gas-pump";
-import { SvgIconGauge } from "./gauge";
-import { SvgIconGear } from "./gear";
-import { SvgIconTimer } from "./timer";
-import { SvgIconNotePencil } from "./note-pincel";
-import { SvgIconCheckCircle } from "./check-circle";
-import { SvgIconArrowLeft } from "./arrow-left";
-import { SvgIconBluetooth } from "./bluetooth";
-import { SvgIconBluetoothConnected } from "./bluetooth-connected";
-import { SvgIconList } from "./list";
-import { SvgIconWiFiHigh } from "./wifi-high";
-import { SvgIconWiFiX } from "./wifi-x";
-import { SvgIconArrowDropDown } from "./arrow-drop-down";
-import { SvgIconClosed } from "./closed";
-
-// typing
-import { ISvgProps } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-const Icons: React.FC<ISvgProps> = ({ icon, color, size }) => {
-  switch (icon) {
-    case "STEERING_WHEEL":
-      return <SvgIconSteeringWheel icon="STEERING_WHEEL" color={color} size={size} />;
-
-    case "CHECK_BOX_FILL":
-      return <SvgIconCheckBoxFill icon="CHECK_BOX_FILL" color={color} size={size} />;
-
-    case "CHECK_BOX_OUTLINE":
-      return <SvgIconCheckBoxOutline icon="CHECK_BOX_OUTLINE" color={color} size={size} />;
-
-    case "CAMERA_PLUS":
-      return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
-
-    case "MOON_STARS":
-      return <SvgIconMoonStars color={color} size={size} icon={"MOON_STARS"} />;
-
-    case "CALL_BELL":
-      return <SvgIconCallBell color={color} size={size} icon={"CALL_BELL"} />;
-
-    case "STEERING_WHEEL_FILL":
-      return <SvgIconSteeringWheelFill color={color} size={size} icon={"STEERING_WHEEL_FILL"} />;
-
-    case "TROPHY":
-      return <SvgIconTrophy color={theme.colors.orange[150]} size={size} icon={"TROPHY"} />;
-
-    case "SHOPPING_CART":
-      return <IconShoppingCart icon={"SHOPPING_CART"} />;
-
-    case "CREDIT_CARD":
-      return <IconCreditCard icon={"CREDIT_CARD"} />;
-
-    case "FILE_TEXT":
-      return <IconFileText icon={"FILE_TEXT"} />;
-
-    case "TRUCK":
-      return <IconTruck icon={"TRUCK"} />;
-
-    case "PACKAGE_CHECK":
-      return <IconPackageCheck icon={"PACKAGE_CHECK"} />;
-
-    case "EYE_SLASH":
-      return <SvgIconEyeSlash color={color} size={size} icon={"EYE_SLASH"} />;
-
-    case "EYE":
-      return <SvgIconEye color={color} size={size} icon={"EYE"} />;
-
-    case "CALENDAR":
-      return <SvgIconCalendar color={color} size={size} icon={"CALENDAR"} />;
-
-    case "TIMER":
-      return <SvgIconTimer color={color} size={size} icon={"TIMER"} />;
-
-    case "GEAR":
-      return <SvgIconGear color={color} size={size} icon={"GEAR"} />;
-
-    case "CURRENCY":
-      return <SvgIconCurrency color={color} size={size} icon={"CURRENCY"} />;
-
-    case "GAUGE":
-      return <SvgIconGauge color={color} size={size} icon={"GAUGE"} />;
-
-    case "GAS_PUMP":
-      return <SvgIconGasPump color={color} size={size} icon={"GAS_PUMP"} />;
-
-    case "ARROW_LEFT":
-      return <SvgIconArrowLeft color={color} size={size} icon={"ARROW_LEFT"} />;
-
-    case "BLUETOOTH":
-      return <SvgIconBluetooth color={color} size={size} icon={"BLUETOOTH"} />;
-
-    case "BLUETOOTH_CONNECTED":
-      return <SvgIconBluetoothConnected color={color} size={size} icon={"BLUETOOTH_CONNECTED"} />;
-
-    case "LIST":
-      return <SvgIconList color={color} size={size} icon={"LIST"} />;
-
-    case "WIFI_HIGH":
-      return <SvgIconWiFiHigh color={color} size={size} icon={"WIFI_HIGH"} />;
-
-    case "WIFI_X":
-      return <SvgIconWiFiX color={color} size={size} icon={"WIFI_X"} />;
-
-    case "NOTE_PINCEL":
-      return <SvgIconNotePencil color={color} size={size} icon={"NOTE_PINCEL"} />;
-
-    case "CHECK_CIRCLE":
-      return <SvgIconCheckCircle color={color} size={size} icon={"CHECK_CIRCLE"} />;
-
-    case "ARROW_DROP_DOWN":
-      return <SvgIconArrowDropDown color={color} size={size} icon={"ARROW_DROP_DOWN"} />;
-
-    case "CLOSED":
-      return <SvgIconClosed color={color} size={size} icon={"CLOSED"} />;
-
-    default:
-      return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
-  }
-};
-
-/**
- * EXPORTS
- */
-
-export { Icons };
+/**
+ * IMPORTS
+ */
+import React from "react";
+
+// commons / svg
+import { SvgIconSteeringWheel } from "./steering-wheel";
+import { SvgIconCheckBoxFill } from "./check-box-fill";
+import { SvgIconCheckBoxOutline } from "./check-box-outline";
+import { SvgIconCameraPlus } from "./camera-plus";
+import { SvgIconMoonStars } from "./moon-stars";
+import { SvgIconCallBell } from "./call-bell";
+import { SvgIconSteeringWheelFill } from "./steering-wheel-fill";
+import { SvgIconTrophy } from "./trophy";
+import { IconShoppingCart } from "./shopping-cart";
+import { IconCreditCard } from "./credit-card";
+import { IconFileText } from "./file-text";
+import { IconTruck } from "./truck";
+import { IconPackageCheck } from "./package-check";
+import { SvgIconEyeSlash } from "./eye-slash";
+import { SvgIconCalendar } from "./calendar";
+import { SvgIconCurrency } from "./currency";
+import { SvgIconEye } from "./eye";
+import { SvgIconGasPump } from "./gas-pump";
+import { SvgIconGauge } from "./gauge";
+import { SvgIconGear } from "./gear";
+import { SvgIconTimer } from "./timer";
+import { SvgIconNotePencil } from "./note-pincel";
+import { SvgIconCheckCircle } from "./check-circle";
+import { SvgIconArrowLeft } from "./arrow-left";
+import { SvgIconBluetooth } from "./bluetooth";
+import { SvgIconBluetoothConnected } from "./bluetooth-connected";
+import { SvgIconList } from "./list";
+import { SvgIconWiFiHigh } from "./wifi-high";
+import { SvgIconWiFiX } from "./wifi-x";
+import { SvgIconArrowDropDown } from "./arrow-drop-down";
+import { SvgIconClosed } from "./closed";
+import { SvgPackage } from "./package";
+import { SvgChartBar } from "./chart-bar";
+import { SvgTruckTrailer } from "./truck-trailer";
+
+// typing
+import { ISvgProps } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+const Icons: React.FC<ISvgProps> = ({ icon, color, size }) => {
+  switch (icon) {
+    case "STEERING_WHEEL":
+      return <SvgIconSteeringWheel icon="STEERING_WHEEL" color={color} size={size} />;
+
+    case "CHECK_BOX_FILL":
+      return <SvgIconCheckBoxFill icon="CHECK_BOX_FILL" color={color} size={size} />;
+
+    case "CHECK_BOX_OUTLINE":
+      return <SvgIconCheckBoxOutline icon="CHECK_BOX_OUTLINE" color={color} size={size} />;
+
+    case "CAMERA_PLUS":
+      return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
+
+    case "MOON_STARS":
+      return <SvgIconMoonStars color={color} size={size} icon={"MOON_STARS"} />;
+
+    case "CALL_BELL":
+      return <SvgIconCallBell color={color} size={size} icon={"CALL_BELL"} />;
+
+    case "STEERING_WHEEL_FILL":
+      return <SvgIconSteeringWheelFill color={color} size={size} icon={"STEERING_WHEEL_FILL"} />;
+
+    case "TROPHY":
+      return <SvgIconTrophy color={theme.colors.orange[150]} size={size} icon={"TROPHY"} />;
+
+    case "SHOPPING_CART":
+      return <IconShoppingCart icon={"SHOPPING_CART"} />;
+
+    case "CREDIT_CARD":
+      return <IconCreditCard icon={"CREDIT_CARD"} />;
+
+    case "FILE_TEXT":
+      return <IconFileText icon={"FILE_TEXT"} />;
+
+    case "TRUCK":
+      return <IconTruck icon={"TRUCK"} />;
+
+    case "PACKAGE_CHECK":
+      return <IconPackageCheck icon={"PACKAGE_CHECK"} />;
+
+    case "EYE_SLASH":
+      return <SvgIconEyeSlash color={color} size={size} icon={"EYE_SLASH"} />;
+
+    case "EYE":
+      return <SvgIconEye color={color} size={size} icon={"EYE"} />;
+
+    case "CALENDAR":
+      return <SvgIconCalendar color={color} size={size} icon={"CALENDAR"} />;
+
+    case "TIMER":
+      return <SvgIconTimer color={color} size={size} icon={"TIMER"} />;
+
+    case "GEAR":
+      return <SvgIconGear color={color} size={size} icon={"GEAR"} />;
+
+    case "CURRENCY":
+      return <SvgIconCurrency color={color} size={size} icon={"CURRENCY"} />;
+
+    case "GAUGE":
+      return <SvgIconGauge color={color} size={size} icon={"GAUGE"} />;
+
+    case "GAS_PUMP":
+      return <SvgIconGasPump color={color} size={size} icon={"GAS_PUMP"} />;
+
+    case "ARROW_LEFT":
+      return <SvgIconArrowLeft color={color} size={size} icon={"ARROW_LEFT"} />;
+
+    case "BLUETOOTH":
+      return <SvgIconBluetooth color={color} size={size} icon={"BLUETOOTH"} />;
+
+    case "BLUETOOTH_CONNECTED":
+      return <SvgIconBluetoothConnected color={color} size={size} icon={"BLUETOOTH_CONNECTED"} />;
+
+    case "LIST":
+      return <SvgIconList color={color} size={size} icon={"LIST"} />;
+
+    case "WIFI_HIGH":
+      return <SvgIconWiFiHigh color={color} size={size} icon={"WIFI_HIGH"} />;
+
+    case "WIFI_X":
+      return <SvgIconWiFiX color={color} size={size} icon={"WIFI_X"} />;
+
+    case "NOTE_PINCEL":
+      return <SvgIconNotePencil color={color} size={size} icon={"NOTE_PINCEL"} />;
+
+    case "CHECK_CIRCLE":
+      return <SvgIconCheckCircle color={color} size={size} icon={"CHECK_CIRCLE"} />;
+
+    case "ARROW_DROP_DOWN":
+      return <SvgIconArrowDropDown color={color} size={size} icon={"ARROW_DROP_DOWN"} />;
+
+    case "CLOSED":
+      return <SvgIconClosed color={color} size={size} icon={"CLOSED"} />;
+
+    default:
+      return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
+  }
+};
+
+const IconsMenuItems: React.FC<ISvgProps> = ({ icon, color, size }) => {
+  switch (icon) {
+    case "COIL":
+      return <SvgPackage color={color} size={size} icon={"COIL"} />;
+    case "LOADING":
+      return <SvgTruckTrailer color={color} size={size} icon={"LOADING"} />;
+
+    case "HISTORY":
+      return <SvgChartBar color={color} size={size} icon={"HISTORY"} />;
+
+    default:
+      return <SvgPackage color={color} size={size} icon={"COIL"} />;
+  }
+};
+
+/**
+ * EXPORTS
+ */
+
+export { Icons, IconsMenuItems };

package/src/common/icons-svg/interface.d.ts

@@ -1,18 +1,18 @@
-/**
- * IMPORTS
- */
-
-import { SvgProps } from "react-native-svg";
-import { SVG_NAME } from "./constants";
-
-interface ISvgProps extends SvgProps {
-  width?: number;
-  height?: number;
-  color?: string;
-  size?: number;
-  icon: keyof typeof SVG_NAME;
-}
-/**
- * EXPORTS
- */
-export { ISvgProps };
+/**
+ * IMPORTS
+ */
+
+import { SvgProps } from "react-native-svg";
+import { SVG_NAME } from "./constants";
+
+interface ISvgProps extends SvgProps {
+  width?: number;
+  height?: number;
+  color?: string;
+  size?: number;
+  icon: keyof typeof SVG_NAME;
+}
+/**
+ * EXPORTS
+ */
+export { ISvgProps };

package/src/common/icons-svg/list/index.tsx

@@ -1,58 +1,58 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, Defs, Rect, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconList: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    width={size ?? 28}
-    height={size ?? 28}
-    viewBox="0 0 28 28"
-    fill={"none"}
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <G clip-path="url(#clip0_627_88)">
-      <Path
-        d="M5.43347 16.557H27.4335"
-        stroke={color ?? "#fff"}
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <Path
-        d="M5.43347 8.55701H27.4335"
-        stroke={color ?? "#fff"}
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <Path
-        d="M5.43347 24.557H27.4335"
-        stroke={color ?? "#fff"}
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </G>
-    <Defs>
-      <ClipPath id="clip0_627_88">
-        <Rect
-          width={size ?? 28}
-          height={size ?? 28}
-          fill="white"
-          transform="translate(0.433472 0.557007)"
-        />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconList };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, Rect, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconList: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    width={size ?? 28}
+    height={size ?? 28}
+    viewBox="0 0 28 28"
+    fill={"none"}
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <G clip-path="url(#clip0_627_88)">
+      <Path
+        d="M5.43347 16.557H27.4335"
+        stroke={color ?? "#fff"}
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <Path
+        d="M5.43347 8.55701H27.4335"
+        stroke={color ?? "#fff"}
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <Path
+        d="M5.43347 24.557H27.4335"
+        stroke={color ?? "#fff"}
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_627_88">
+        <Rect
+          width={size ?? 28}
+          height={size ?? 28}
+          fill="white"
+          transform="translate(0.433472 0.557007)"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconList };

package/src/common/icons-svg/moon-stars/index.tsx

@@ -1,29 +1,29 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconMoonStars: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <Path
-      fill={color ?? "#050022"}
-      d="M22.5 9a.75.75 0 0 1-.75.75h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 1 1 0-1.5h1.5v-1.5a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 0 1 .75.75m-9-3.75h.75V6a.75.75 0 1 0 1.5 0v-.75h.75a.75.75 0 1 0 0-1.5h-.75V3a.75.75 0 1 0-1.5 0v.75h-.75a.75.75 0 1 0 0 1.5m6.822 9.094a.75.75 0 0 1 .134.75 9.001 9.001 0 0 1-17.09-.578A9 9 0 0 1 8.914 3.544a.75.75 0 0 1 .994.85 8.256 8.256 0 0 0 9.7 9.7.75.75 0 0 1 .715.25m-1.818 1.395q-.251.012-.504.013A9.76 9.76 0 0 1 8.25 6c0-.168 0-.337.013-.504a7.5 7.5 0 1 0 10.241 10.24z"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconMoonStars };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconMoonStars: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <Path
+      fill={color ?? "#050022"}
+      d="M22.5 9a.75.75 0 0 1-.75.75h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 1 1 0-1.5h1.5v-1.5a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 0 1 .75.75m-9-3.75h.75V6a.75.75 0 1 0 1.5 0v-.75h.75a.75.75 0 1 0 0-1.5h-.75V3a.75.75 0 1 0-1.5 0v.75h-.75a.75.75 0 1 0 0 1.5m6.822 9.094a.75.75 0 0 1 .134.75 9.001 9.001 0 0 1-17.09-.578A9 9 0 0 1 8.914 3.544a.75.75 0 0 1 .994.85 8.256 8.256 0 0 0 9.7 9.7.75.75 0 0 1 .715.25m-1.818 1.395q-.251.012-.504.013A9.76 9.76 0 0 1 8.25 6c0-.168 0-.337.013-.504a7.5 7.5 0 1 0 10.241 10.24z"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconMoonStars };

package/src/common/icons-svg/note-pincel/index.tsx

@@ -1,40 +1,40 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconNotePencil: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-    viewBox="0 0 25 25"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      clipPath="url(#clip0_5169_183)"
-    >
-      <Path d="M12.047 15.928h-3v-3l9-9 3 3-9 9zM15.797 6.178l3 3"></Path>
-      <Path d="M20.297 12.928v7.5a.75.75 0 01-.75.75h-15a.75.75 0 01-.75-.75v-15a.75.75 0 01.75-.75h7.5"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_5169_183">
-        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.047 .928)"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconNotePencil };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconNotePencil: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 25 25"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_5169_183)"
+    >
+      <Path d="M12.047 15.928h-3v-3l9-9 3 3-9 9zM15.797 6.178l3 3"></Path>
+      <Path d="M20.297 12.928v7.5a.75.75 0 01-.75.75h-15a.75.75 0 01-.75-.75v-15a.75.75 0 01.75-.75h7.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_5169_183">
+        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.047 .928)"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconNotePencil };

package/src/common/icons-svg/package/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgPackage: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "32"}
+    height={size ?? "32"}
+    fill="none"
+    viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
+  >
+    <Path
+      fill={color ?? "#fff"}
+      d="m27.96 8.269-11-6.019a1.99 1.99 0 0 0-1.92 0l-11 6.021A2 2 0 0 0 3 10.021v11.955a2 2 0 0 0 1.04 1.75l11 6.022a1.99 1.99 0 0 0 1.92 0l11-6.022a2 2 0 0 0 1.04-1.75V10.023a2 2 0 0 0-1.04-1.754M16 4l10.044 5.5-3.723 2.036-10.044-5.5zm0 11L5.956 9.5l4.239-2.321 10.044 5.5zm11 6.981-10 5.474V16.729l4-2.189V19a1 1 0 0 0 2 0v-5.555l4-2.189v10.725"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgPackage };