Fix exports/imports to use type prefix

Author: YoussefHenna

packages/core/src/components/MediaPlayer/AudioPlayer/index.tsx

@@ -6,7 +6,7 @@ import {
 } from "./AudioPlayerCommon";
 import HeadlessAudioPlayer from "./HeadlessAudioPlayer";
 import AudioPlayerWithInterface from "./AudioPlayerWithInterface";
-import { MediaPlayerRef } from "../MediaPlayerCommon";
+import type { MediaPlayerRef } from "../MediaPlayerCommon";
 
 interface AudioPlayerProps {
   mode?: "interface" | "headless";

packages/core/src/components/MediaPlayer/VideoPlayer/index.ts

@@ -1,2 +1,2 @@
 export { default as default } from "./VideoPlayer";
-export { VideoPlayerRef } from "./VideoPlayer";
+export type { VideoPlayerRef } from "./VideoPlayer";

packages/core/src/components/SVG.native.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { View, StyleProp, ImageStyle } from "react-native";
+import { SvgUri } from "react-native-svg";
+
+import Config from "./Config";
+
+type SVGComponentProps = {
+  source: string;
+  style?: StyleProp<ImageStyle>;
+};
+
+const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({
+  source = Config.placeholderSvgURL,
+  style,
+}) => {
+  return (
+    <View style={style}>
+      <SvgUri width="100%" height="100%" uri={source} />
+    </View>
+  );
+};
+
+export default SVG;

packages/core/src/components/SVG.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
-import { View, Platform, Image, StyleProp, ImageStyle } from "react-native";
-import { SvgUri } from "react-native-svg";
+import { Image, StyleProp, ImageStyle } from "react-native";
 
 import Config from "./Config";
 
@@ -13,23 +12,7 @@ const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({
   source = Config.placeholderSvgURL,
   style,
 }) => {
-  return (
-    <>
-      {Platform.OS === "ios" && (
-        <View style={style}>
-          <SvgUri width="100%" height="100%" uri={source} />
-        </View>
-      )}
-      {Platform.OS === "android" && (
-        <View style={style}>
-          <SvgUri width="100%" height="100%" uri={source} />
-        </View>
-      )}
-      {Platform.OS === "web" && (
-        <Image style={style} source={{ uri: source }} />
-      )}
-    </>
-  );
+  return <Image style={style} source={{ uri: source }} />;
 };
 
 export default SVG;