react-native-exp-fig 0.1.14 → 0.1.16

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

@@ -1,41 +1,41 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-
-import Svg, { Path, G, ClipPath, Defs } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconBed: 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 ${size ?? "24"} ${size ?? "24"}`}
-  >
-    <G
-      stroke={color ?? "#051C3B"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      clipPath="url(#clip0_5186_177)"
-    >
-      <Path d="M10.5 15.75V7.5h9.75a3 3 0 013 3v5.25M2.25 19.5v-15M2.25 15.75h21v3.75M10.5 7.5H2.25"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_5186_177">
-        {/*@ts-ignore */}
-        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconBed };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+
+import Svg, { Path, G, ClipPath, Defs } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconBed: 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 ${size ?? "24"} ${size ?? "24"}`}
+  >
+    <G
+      stroke={color ?? "#051C3B"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_5186_177)"
+    >
+      <Path d="M10.5 15.75V7.5h9.75a3 3 0 013 3v5.25M2.25 19.5v-15M2.25 15.75h21v3.75M10.5 7.5H2.25"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_5186_177">
+        {/*@ts-ignore */}
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconBed };

package/src/common/icons-svg/car/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 SvgIconCar: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "26"}
-    height={size ?? "23"}
-    fill="none"
-    viewBox="0 0 26 23"
-  >
-    <Path
-      fill={color ?? "#000"}
-      d="M25.023 6.981h-1.005l-.98-5.404a2.1 2.1 0 0 0-.59-1.131A1.54 1.54 0 0 0 21.387 0H5.032c-.385.002-.76.159-1.06.446-.3.286-.508.685-.59 1.131l-.98 5.404H1.398a.78.78 0 0 0-.597.293c-.158.187-.247.44-.247.705s.09.518.247.705a.78.78 0 0 0 .597.292h.844v11.968c0 .53.177 1.037.494 1.41.316.375.746.585 1.193.585H6.46c.448 0 .877-.21 1.194-.584.316-.375.494-.882.494-1.41v-2.993h10.125v2.992c0 .53.178 1.037.494 1.41.317.375.746.585 1.194.585h2.53c.448 0 .878-.21 1.194-.584.316-.375.494-.882.494-1.41V8.975h.844a.78.78 0 0 0 .597-.292c.158-.187.247-.44.247-.705s-.09-.518-.247-.705a.78.78 0 0 0-.597-.293M5.033 1.995h16.354l.904 4.986H4.13zm1.427 18.95H3.93v-2.993h2.53zm13.5 0v-2.993h2.532v2.992zm2.532-4.988h-6.75v-3.989c0-.264-.09-.518-.247-.705a.78.78 0 0 0-.597-.292.78.78 0 0 0-.597.292c-.158.187-.247.44-.247.705v3.99h-1.687v-3.99c0-.264-.09-.518-.247-.705a.78.78 0 0 0-.597-.292.78.78 0 0 0-.597.292c-.158.187-.247.44-.247.705v3.99H3.93V8.975h18.563zm-16.875-3.49c0-.296.074-.585.213-.831.14-.246.337-.438.568-.551s.486-.143.731-.086c.246.058.471.2.648.41s.298.476.347.766.023.59-.072.864a1.47 1.47 0 0 1-.467.672 1.13 1.13 0 0 1-.703.252c-.335 0-.657-.158-.895-.438a1.65 1.65 0 0 1-.37-1.058m12.656 0c0-.296.074-.585.213-.831.14-.246.337-.438.568-.551.232-.114.486-.143.732-.086.245.058.47.2.647.41s.298.476.347.766.024.59-.072.864a1.47 1.47 0 0 1-.466.672 1.13 1.13 0 0 1-.703.252c-.336 0-.658-.158-.895-.438a1.65 1.65 0 0 1-.371-1.058"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCar };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconCar: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "26"}
+    height={size ?? "23"}
+    fill="none"
+    viewBox="0 0 26 23"
+  >
+    <Path
+      fill={color ?? "#000"}
+      d="M25.023 6.981h-1.005l-.98-5.404a2.1 2.1 0 0 0-.59-1.131A1.54 1.54 0 0 0 21.387 0H5.032c-.385.002-.76.159-1.06.446-.3.286-.508.685-.59 1.131l-.98 5.404H1.398a.78.78 0 0 0-.597.293c-.158.187-.247.44-.247.705s.09.518.247.705a.78.78 0 0 0 .597.292h.844v11.968c0 .53.177 1.037.494 1.41.316.375.746.585 1.193.585H6.46c.448 0 .877-.21 1.194-.584.316-.375.494-.882.494-1.41v-2.993h10.125v2.992c0 .53.178 1.037.494 1.41.317.375.746.585 1.194.585h2.53c.448 0 .878-.21 1.194-.584.316-.375.494-.882.494-1.41V8.975h.844a.78.78 0 0 0 .597-.292c.158-.187.247-.44.247-.705s-.09-.518-.247-.705a.78.78 0 0 0-.597-.293M5.033 1.995h16.354l.904 4.986H4.13zm1.427 18.95H3.93v-2.993h2.53zm13.5 0v-2.993h2.532v2.992zm2.532-4.988h-6.75v-3.989c0-.264-.09-.518-.247-.705a.78.78 0 0 0-.597-.292.78.78 0 0 0-.597.292c-.158.187-.247.44-.247.705v3.99h-1.687v-3.99c0-.264-.09-.518-.247-.705a.78.78 0 0 0-.597-.292.78.78 0 0 0-.597.292c-.158.187-.247.44-.247.705v3.99H3.93V8.975h18.563zm-16.875-3.49c0-.296.074-.585.213-.831.14-.246.337-.438.568-.551s.486-.143.731-.086c.246.058.471.2.648.41s.298.476.347.766.023.59-.072.864a1.47 1.47 0 0 1-.467.672 1.13 1.13 0 0 1-.703.252c-.335 0-.657-.158-.895-.438a1.65 1.65 0 0 1-.37-1.058m12.656 0c0-.296.074-.585.213-.831.14-.246.337-.438.568-.551.232-.114.486-.143.732-.086.245.058.47.2.647.41s.298.476.347.766.024.59-.072.864a1.47 1.47 0 0 1-.466.672 1.13 1.13 0 0 1-.703.252c-.336 0-.658-.158-.895-.438a1.65 1.65 0 0 1-.371-1.058"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCar };

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

@@ -1,42 +1,42 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, ClipPath, G, Defs } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconCheckOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
-  <Svg
-    {...res}
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 16}
-    height={size ?? 16}
-    fill="none"
-    viewBox={`0 0 ${size ?? 16} ${size ?? 16}`}
-  >
-    <G
-      stroke={color ?? "#FC5701"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      clipPath="url(#clip0_9435_4102)"
-    >
-      <Path d="M14.667 7.387V8a6.668 6.668 0 1 1-3.954-6.093"></Path>
-      <Path d="M14.667 2.667 8 9.34l-2-2"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_9435_4102">
-        <Path fill="#fff" d="M0 0h16v16H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCheckOutline };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, ClipPath, G, Defs } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconCheckOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    {...res}
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 16}
+    height={size ?? 16}
+    fill="none"
+    viewBox={`0 0 ${size ?? 16} ${size ?? 16}`}
+  >
+    <G
+      stroke={color ?? "#FC5701"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_9435_4102)"
+    >
+      <Path d="M14.667 7.387V8a6.668 6.668 0 1 1-3.954-6.093"></Path>
+      <Path d="M14.667 2.667 8 9.34l-2-2"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9435_4102">
+        <Path fill="#fff" d="M0 0h16v16H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCheckOutline };

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

@@ -1,43 +1,43 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
-
-// typings
-import { ISvgProps } from "../interface";
-
-const SvgIconCoffee: React.FC<ISvgProps> = ({ color, size, background }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "20"}
-    height={size ?? "19"}
-    fill="none"
-    viewBox="0 0 20 19"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      clipPath="url(#a)"
-    >
-      <Path d="M6.304 16.031a6.6 6.6 0 0 1-2.808-2.41 6.48 6.48 0 0 1-1.045-3.527V6.53h13.218v3.563c0 1.25-.363 2.474-1.046 3.527a6.6 6.6 0 0 1-2.807 2.41M6.657 1.781v2.375M9.06 1.781v2.375M11.463 1.781v2.375M2.45 16.031H15.67"></Path>
-      <Path d="M15.669 6.531c.637 0 1.249.25 1.7.696s.703 1.05.703 1.68V9.5c0 .63-.253 1.234-.704 1.68a2.42 2.42 0 0 1-1.7.695h-.253"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="a">
-        <Path
-          fill={background ?? "#fff"}
-          d="M.048 0h19.226v15a4 4 0 0 1-4 4H4.048a4 4 0 0 1-4-4z"
-        ></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCoffee };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconCoffee: React.FC<ISvgProps> = ({ color, size, background }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "20"}
+    height={size ?? "19"}
+    fill="none"
+    viewBox="0 0 20 19"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      clipPath="url(#a)"
+    >
+      <Path d="M6.304 16.031a6.6 6.6 0 0 1-2.808-2.41 6.48 6.48 0 0 1-1.045-3.527V6.53h13.218v3.563c0 1.25-.363 2.474-1.046 3.527a6.6 6.6 0 0 1-2.807 2.41M6.657 1.781v2.375M9.06 1.781v2.375M11.463 1.781v2.375M2.45 16.031H15.67"></Path>
+      <Path d="M15.669 6.531c.637 0 1.249.25 1.7.696s.703 1.05.703 1.68V9.5c0 .63-.253 1.234-.704 1.68a2.42 2.42 0 0 1-1.7.695h-.253"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path
+          fill={background ?? "#fff"}
+          d="M.048 0h19.226v15a4 4 0 0 1-4 4H4.048a4 4 0 0 1-4-4z"
+        ></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCoffee };

package/src/common/icons-svg/constants/index.ts

@@ -54,6 +54,7 @@ const SVG_NAME = {
   CHECK_OUTLINE: "check-outline",
   BED: "bed",
   REFRESH_CCW_DOT: "refresh-ccw-dot",
+  HOURGLASS: "hourglass",
 };
 
 /**

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

@@ -0,0 +1,28 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconHourglass: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 25}
+    height={size ?? 25}
+    viewBox="0 0 256 256"
+  >
+    <Path
+      fill={color}
+      d="M198 75.641V40a14.016 14.016 0 0 0-14-14H72a14.016 14.016 0 0 0-14 14v36a14.07 14.07 0 0 0 5.6 11.2L118 128l-54.4 40.8A14.07 14.07 0 0 0 58 180v36a14.016 14.016 0 0 0 14 14h112a14.016 14.016 0 0 0 14-14v-35.641a14.07 14.07 0 0 0-5.558-11.169L137.95 128l54.492-41.19A14.07 14.07 0 0 0 198 75.64M70 40a2.003 2.003 0 0 1 2-2h112a2.003 2.003 0 0 1 2 2v35.641a2.01 2.01 0 0 1-.794 1.596l-6.295 4.759H76.66L70.8 77.6A2.01 2.01 0 0 1 70 76Zm57.986 80.49L92.66 93.995h70.374ZM186 180.358V216a2.003 2.003 0 0 1-2 2H72a2.003 2.003 0 0 1-2-2v-36a2.01 2.01 0 0 1 .8-1.6L122 140v27.996a6 6 0 0 0 12 0v-27.94l51.206 38.707a2.01 2.01 0 0 1 .794 1.596"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconHourglass };

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

@@ -51,16 +51,17 @@ import { SvgIconPencil } from "./pencil";
 import { SvgIconCar } from "./car";
 import { SvgIconTruckActivity } from "./truck-activity";
 import { SvgIconCheckOutline } from "./check-outline";
+import { SvgIconCoffee } from "./coffee";
+import { SvgIconAgent } from "./agent";
+import { SvgIconBed } from "./bed";
+import { SvgIconRefreshCcwDot } from "./refresh-ccw-dot";
+import { SvgIconHourglass } from "./hourglass";
 
 // typing
 import { ISvgProps } from "./interface";
 
 // styles
 import { theme } from "../../styles/theme/theme";
-import { SvgIconCoffee } from "./coffee";
-import { SvgIconAgent } from "./agent";
-import { SvgIconBed } from "./bed";
-import { SvgIconRefreshCcwDot } from "./refresh-ccw-dot";
 
 const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
   switch (icon) {
@@ -228,6 +229,9 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
     case "REFRESH_CCW_DOT":
       return <SvgIconRefreshCcwDot color={color} size={size} icon={"REFRESH_CCW_DOT"} />;
 
+    case "HOURGLASS":
+      return <SvgIconHourglass color={color} size={size} icon={"HOURGLASS"} />;
+
     default:
       return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
   }

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

@@ -1,32 +1,32 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-// typings
-import { ISvgProps } from "../interface";
-
-const SvgIconPencil: 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
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      d="M8.69 20.25H4.5a.75.75 0 0 1-.75-.75v-4.19a.74.74 0 0 1 .216-.526l11.25-11.25a.75.75 0 0 1 1.068 0l4.182 4.182a.75.75 0 0 1 0 1.068l-11.25 11.25a.74.74 0 0 1-.525.216M12.75 6 18 11.25"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconPencil };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconPencil: 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
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      d="M8.69 20.25H4.5a.75.75 0 0 1-.75-.75v-4.19a.74.74 0 0 1 .216-.526l11.25-11.25a.75.75 0 0 1 1.068 0l4.182 4.182a.75.75 0 0 1 0 1.068l-11.25 11.25a.74.74 0 0 1-.525.216M12.75 6 18 11.25"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconPencil };

package/src/common/icons-svg/refresh-ccw-dot/index.tsx

@@ -1,32 +1,32 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Circle } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconRefreshCcwDot: React.FC<ISvgProps> = ({ size, color }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke={color ?? "#000"}
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    class="lucide lucide-refresh-ccw-dot-icon lucide-refresh-ccw-dot"
-  >
-    <Path d="M3 2v6h6" />
-    <Path d="M21 12A9 9 0 0 0 6 5.3L3 8" />
-    <Path d="M21 22v-6h-6" />
-    <Path d="M3 12a9 9 0 0 0 15 6.7l3-2.7" />
-    <Circle cx="12" cy="12" r="1" />
-  </Svg>
-);
-
-export { SvgIconRefreshCcwDot };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconRefreshCcwDot: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke={color ?? "#000"}
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-refresh-ccw-dot-icon lucide-refresh-ccw-dot"
+  >
+    <Path d="M3 2v6h6" />
+    <Path d="M21 12A9 9 0 0 0 6 5.3L3 8" />
+    <Path d="M21 22v-6h-6" />
+    <Path d="M3 12a9 9 0 0 0 15 6.7l3-2.7" />
+    <Circle cx="12" cy="12" r="1" />
+  </Svg>
+);
+
+export { SvgIconRefreshCcwDot };

package/src/common/icons-svg/truck-activity/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 SvgIconTruckActivity: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "28"}
-    height={size ?? "24"}
-    fill="none"
-    viewBox="0 0 28 24"
-  >
-    <Path
-      fill={color ?? "#050022"}
-      d="M27.2 15.827h-.675v-4.86c0-.572-.215-1.12-.595-1.525L21.716 4.95a1.96 1.96 0 0 0-1.43-.634h-1.861V2.158C18.425.967 17.518 0 16.4 0H2.9C1.782 0 .875.967.875 2.158v14.388c0 1.191.907 2.158 2.025 2.158h.675c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316h5.4c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316H27.2c.371 0 .675-.324.675-.72v-1.438c0-.396-.304-.72-.675-.72M7.625 20.862c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158m13.5 0c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158M24.5 11.51h-6.075V6.475h1.86l4.215 4.491z"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconTruckActivity };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconTruckActivity: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "28"}
+    height={size ?? "24"}
+    fill="none"
+    viewBox="0 0 28 24"
+  >
+    <Path
+      fill={color ?? "#050022"}
+      d="M27.2 15.827h-.675v-4.86c0-.572-.215-1.12-.595-1.525L21.716 4.95a1.96 1.96 0 0 0-1.43-.634h-1.861V2.158C18.425.967 17.518 0 16.4 0H2.9C1.782 0 .875.967.875 2.158v14.388c0 1.191.907 2.158 2.025 2.158h.675c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316h5.4c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316H27.2c.371 0 .675-.324.675-.72v-1.438c0-.396-.304-.72-.675-.72M7.625 20.862c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158m13.5 0c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158M24.5 11.51h-6.075V6.475h1.86l4.215 4.491z"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconTruckActivity };