react-native-exp-fig 0.1.44 → 2.0.1

package/lib/typescript/src/styles/theme/theme.d.ts

@@ -14,6 +14,7 @@ export declare const theme: {
         thick_bold: number;
         thick_large: number;
         hairline: number;
+        "2xl": number;
     };
     colors: {
         neutral: {
@@ -23,6 +24,7 @@ export declare const theme: {
             200: string;
             300: string;
             400: string;
+            500: string;
         };
         black: {
             10: string;
@@ -31,23 +33,20 @@ export declare const theme: {
             180: string;
         };
         blue: {
-            20: string;
             25: string;
             50: string;
-            80: string;
             100: string;
             150: string;
             350: string;
             375: string;
-            400: string;
-            40050: string;
-            500: string;
             525: string;
+            500: string;
+            400: string;
+            800: string;
         };
         red: {
             400: string;
             500: string;
-            600: string;
             800: string;
             900: string;
         };
@@ -67,7 +66,6 @@ export declare const theme: {
         };
         green: {
             100: string;
-            150: string;
             200: string;
             250: string;
             400: string;
@@ -79,10 +77,10 @@ export declare const theme: {
             150: string;
         };
         yellow: {
+            120: string;
             100: string;
             50: string;
             75: string;
-            90: string;
         };
     };
     fonts: {
@@ -113,6 +111,7 @@ export declare const theme: {
         "9xl": number;
     };
     margins: {
+        fn: number;
         "1xs": number;
         "2xs": number;
         xs: number;
@@ -134,6 +133,7 @@ export declare const theme: {
         z2: string;
     };
     paddings: {
+        "3xs": number;
         "2xs": number;
         xs: number;
         sm: number;
@@ -172,3 +172,4 @@ export declare const theme: {
         "9xl": number;
     };
 };
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/src/styles/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/styles/theme/theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiLH;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}

package/lib/typescript/src/utils/format-data/index.d.ts

@@ -26,3 +26,4 @@ declare const getLastSevenDays: () => ({
     fullDate: Date;
 })[];
 export { getLastSevenDays };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/format-data/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/format-data/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,QAAA,MAAM,UAAU,SAAU,IAAI,KAAG,MAMhC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB;;;;GAIG;AACH,QAAA,MAAM,eAAe,aAAc,MAAM,KAAG,MAS3C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B;;;GAGG;AAEH,QAAA,MAAM,gBAAgB;;;;;;;;IAyBrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/src/utils/get-icon-by-property/index.d.ts

@@ -2,15 +2,15 @@
  * IMPORTS
  */
 import React from "react";
-export declare type PropertyType = "operacao_veiculo" | "em_operacao" | "manutencao" | "tempo_disposicao" | "em_operacao_carregamento" | "aguardando_carga" | "disposicao_veiculo_parado" | "aguardando_descarga" | "descanso" | "repouso_semanal" | "repouso_noturno" | "refeicao" | "ferias";
 /**
  * Function that will map property types to corresponding icons in SVG 🛠️.
  * @param propertyType
  * @param color
  * @returns SVG
  */
-declare const getIconByProperty: (propertyType: PropertyType, color?: string) => React.ReactNode;
+declare const getIconByProperty: React.FC<any>;
 /**
  * EXPORTS
  */
 export { getIconByProperty };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/get-icon-by-property/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/get-icon-by-property/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAkCpC,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/src/utils/mutiply/index.d.ts

@@ -1 +1,2 @@
 export declare function multiply(a: number, b: number): number;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/mutiply/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/mutiply/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAErD"}

package/lib/typescript/src/utils/status-color/return-color.d.ts

@@ -1,5 +1,6 @@
-export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido" | "Em_liberacao";
+export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido";
 declare function getBorderColor(status: string): string;
 declare function getStatusColor(status: StatusType): string;
 declare function getStatusTextColor(status: StatusType): string;
 export { getStatusColor, getBorderColor, getStatusTextColor };
+//# sourceMappingURL=return-color.d.ts.map

package/lib/typescript/src/utils/status-color/return-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"return-color.d.ts","sourceRoot":"","sources":["../../../../../src/utils/status-color/return-color.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC;AAE9E,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,UAMrC;AACD,iBAAS,cAAc,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CASlD;AAED,iBAAS,kBAAkB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAStD;AAED,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.44",
+  "version": "2.0.1",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -95,7 +95,7 @@
     "@storybook/react-native": "^8.5.3",
     "@storybook/react-webpack5": "^8.3.5",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^13.2.2",
+    "@testing-library/react-native": "^12.3.0",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
     "@typescript-eslint/eslint-plugin": "^8.23.0",
@@ -105,7 +105,6 @@
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "babel-plugin-react-native-web": "^0.19.12",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
-    "baseline-browser-mapping": "2.9.2",
     "commitlint": "^17.0.2",
     "del-cli": "^5.1.0",
     "eslint": "^9.19.0",
@@ -120,15 +119,11 @@
     "react": "18.3.1",
     "react-native": "0.76.6",
     "react-native-builder-bob": "^0.32.0",
-    "react-test-renderer": "^18.3.1",
     "release-it": "^17.10.0",
-    "storybook": "^8.3.5",
-    "typescript": "4.8.4"
+    "storybook": "^8.3.5"
   },
   "resolutions": {
-    "@types/react": "^18.2.44",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@types/react": "^18.2.44"
   },
   "workspaces": [
     "example"
@@ -182,15 +177,20 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^2.0.0",
-    "@react-native-community/datetimepicker": ">=8.0.0",
+    "@react-native-community/datetimepicker": "^8.2.0",
     "@react-native-community/slider": "^4.5.3",
     "@storybook/test": "^8.3.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-matcher-utils": "^29.7.0",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*",
     "react-native-gesture-handler": "^2.19.0",
     "react-native-reanimated": "^3.16.7",
-    "react-native-svg": "15.15.1",
+    "react-native-safe-area-context": "*",
+    "react-native-svg": "^15.6.0",
     "react-native-web": "^0.19.12",
+    "react-test-renderer": "^18.2.0",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4"

package/src/@types/as-base-component.ts

@@ -1,9 +1,21 @@
-import type React from "react";
-
-export function asBaseComponent<P>(
-  Component: React.ComponentType<P>,
-  // eslint-disable-next-line no-unused-vars
-  _options?: P
-): React.ComponentType<P> {
-  return Component;
-}
+/**
+ * IMPORTS
+ */
+
+import type React from "react";
+
+/**
+ * Function to create a base component
+ */
+function asBaseComponent<P>(
+  Component: React.ComponentType<P>,
+  // eslint-disable-next-line no-unused-vars
+  _options?: P
+): React.ComponentType<P> {
+  return Component;
+}
+
+/**
+ * EXPORTS
+ */
+export { asBaseComponent };

package/src/common/constants/index.ts

@@ -1,5 +1,5 @@
-const IMAGES = {
-  IMAGE_ANONIMA:
-    "https://static.vakinha.com.br/uploads/user/avatar/2251959/download.png?ims=225x225",
-};
-export { IMAGES };
+const IMAGES = {
+  IMAGE_ANONIMA:
+    "https://static.vakinha.com.br/uploads/user/avatar/2251959/download.png?ims=225x225",
+};
+export { IMAGES };

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

@@ -1,40 +1,40 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconAgent: React.FC<ISvgProps> = ({ size, color }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "16"}
-    height={size ?? "16"}
-    fill="none"
-    viewBox="0 0 16 16"
-  >
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M8 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
-    ></Path>
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M5 12a3.75 3.75 0 0 1 6 0"
-    ></Path>
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M13 13.5v-11a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5M6 4h4"
-    ></Path>
-  </Svg>
-);
-
-export { SvgIconAgent };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconAgent: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "16"}
+    height={size ?? "16"}
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M8 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M5 12a3.75 3.75 0 0 1 6 0"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M13 13.5v-11a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5M6 4h4"
+    ></Path>
+  </Svg>
+);
+
+export { SvgIconAgent };

package/src/common/icons-svg/arrow-drop-down/index.tsx

@@ -1,28 +1,28 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
-  <Svg
-    // @ts-expect-error
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "10"}
-    height={size ?? "6"}
-    fill="none"
-    viewBox="0 0 10 6"
-    {...res}
-  >
-    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconArrowDropDown };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "10"}
+    height={size ?? "6"}
+    fill="none"
+    viewBox="0 0 10 6"
+    {...res}
+  >
+    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowDropDown };

package/src/common/icons-svg/arrow-left/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 SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 21}
-    height={size ?? 11}
-    fill="none"
-    viewBox="0 0 21 10"
-  >
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconArrowLeft };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 21}
+    height={size ?? 11}
+    fill="none"
+    viewBox="0 0 21 10"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowLeft };

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/bell/index.tsx

@@ -1,26 +1,26 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconBell: React.FC<ISvgProps> = ({ size, color }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 32}
-    height={size ?? 32}
-    fill="none"
-    viewBox="0 0 32 32"
-  >
-    <Path
-      fill={color ?? "#2D3748"}
-      d="M28 8.888a1 1 0 0 1-1.348-.428 11.77 11.77 0 0 0-4.182-4.614 1.002 1.002 0 0 1 1.067-1.692 13.93 13.93 0 0 1 4.89 5.386A1 1 0 0 1 28 8.888M4.464 9a1 1 0 0 0 .887-.54c.955-1.886 2.4-3.48 4.183-4.614a1 1 0 0 0-1.068-1.692 13.93 13.93 0 0 0-4.89 5.386A1 1 0 0 0 4.464 9m23.262 12.993A2 2 0 0 1 26 25h-5.1a5 5 0 0 1-9.8 0H6a2 2 0 0 1-1.724-3.008C5.402 20.05 6 17.286 6 14a10 10 0 0 1 20 0c0 3.284.597 6.047 1.726 7.993M18.827 25h-5.655a3 3 0 0 0 5.655 0M26 23c-1.33-2.284-2-5.311-2-9a8 8 0 1 0-16 0c0 3.69-.673 6.718-2 9z"
-    ></Path>
-  </Svg>
-);
-
-export { SvgIconBell };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconBell: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 32}
+    height={size ?? 32}
+    fill="none"
+    viewBox="0 0 32 32"
+  >
+    <Path
+      fill={color ?? "#2D3748"}
+      d="M28 8.888a1 1 0 0 1-1.348-.428 11.77 11.77 0 0 0-4.182-4.614 1.002 1.002 0 0 1 1.067-1.692 13.93 13.93 0 0 1 4.89 5.386A1 1 0 0 1 28 8.888M4.464 9a1 1 0 0 0 .887-.54c.955-1.886 2.4-3.48 4.183-4.614a1 1 0 0 0-1.068-1.692 13.93 13.93 0 0 0-4.89 5.386A1 1 0 0 0 4.464 9m23.262 12.993A2 2 0 0 1 26 25h-5.1a5 5 0 0 1-9.8 0H6a2 2 0 0 1-1.724-3.008C5.402 20.05 6 17.286 6 14a10 10 0 0 1 20 0c0 3.284.597 6.047 1.726 7.993M18.827 25h-5.655a3 3 0 0 0 5.655 0M26 23c-1.33-2.284-2-5.311-2-9a8 8 0 1 0-16 0c0 3.69-.673 6.718-2 9z"
+    ></Path>
+  </Svg>
+);
+
+export { SvgIconBell };

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

@@ -1,37 +1,37 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-import { ISvgProps } from "../interface";
-
-const SvgIconBluetooth: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-expect-error
-    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 ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      clipPath="url(#clip0_9131_659)"
-    >
-      <Path d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_9131_659">
-        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconBluetooth };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconBluetooth: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-expect-error
+    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 ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_9131_659)"
+    >
+      <Path d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9131_659">
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconBluetooth };