refactor: make web as default implementation

src/decorators/OpacityDecorator/index.native.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OpacityDecorator as OpacityDecoratorDraggableFlatlist } from 'react-native-draggable-flatlist';
+import type { Props } from '../types';
+
+export function OpacityDecorator({ children }: Props) {
+  return (
+    <OpacityDecoratorDraggableFlatlist>
+      {children}
+    </OpacityDecoratorDraggableFlatlist>
+  );
+}

src/decorators/OpacityDecorator/index.tsx

@@ -1,11 +1,5 @@
-import React from 'react';
-import { OpacityDecorator as OpacityDecoratorDraggableFlatlist } from 'react-native-draggable-flatlist';
 import type { Props } from '../types';
 
 export function OpacityDecorator({ children }: Props) {
-  return (
-    <OpacityDecoratorDraggableFlatlist>
-      {children}
-    </OpacityDecoratorDraggableFlatlist>
-  );
+  return children;
 }

src/decorators/ScaleDecorator/index.native.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ScaleDecorator as ScaleDecoratorDraggableFlatlist } from 'react-native-draggable-flatlist';
+import type { Props } from '../types';
+
+export function ScaleDecorator({ children }: Props) {
+  return (
+    <ScaleDecoratorDraggableFlatlist>
+      {children}
+    </ScaleDecoratorDraggableFlatlist>
+  );
+}

src/decorators/ScaleDecorator/index.tsx

@@ -1,11 +1,5 @@
-import React from 'react';
-import { ScaleDecorator as ScaleDecoratorDraggableFlatlist } from 'react-native-draggable-flatlist';
 import type { Props } from '../types';
 
 export function ScaleDecorator({ children }: Props) {
-  return (
-    <ScaleDecoratorDraggableFlatlist>
-      {children}
-    </ScaleDecoratorDraggableFlatlist>
-  );
+  return children;
 }

src/decorators/ShadowDecorator/index.native.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ShadowDecorator as ShadowDecoratorDraggableFlatlist } from 'react-native-draggable-flatlist';
+import type { Props } from '../types';
+
+export function ShadowDecorator({ children }: Props) {
+  return (
+    <ShadowDecoratorDraggableFlatlist>
+      {children}
+    </ShadowDecoratorDraggableFlatlist>
+  );
+}

src/decorators/ShadowDecorator/index.tsx

@@ -1,11 +1,5 @@
-import React from 'react';
-import { ShadowDecorator as ShadowDecoratorDraggableFlatlist } from 'react-native-draggable-flatlist';
 import type { Props } from '../types';
 
 export function ShadowDecorator({ children }: Props) {
-  return (
-    <ShadowDecoratorDraggableFlatlist>
-      {children}
-    </ShadowDecoratorDraggableFlatlist>
-  );
+  return children;
 }

src/index.tsx

@@ -1,8 +1,8 @@
 import { DraggableList } from './DraggableList';
 import 'react-native-gesture-handler';
 
-export { OpacityDecorator } from './decorators/OpacityDecorator';
-export { ScaleDecorator } from './decorators/ScaleDecorator';
-export { ShadowDecorator } from './decorators/ShadowDecorator';
+export { OpacityDecorator } from './decorators/OpacityDecorator/index.native';
+export { ScaleDecorator } from './decorators/ScaleDecorator/index.native';
+export { ShadowDecorator } from './decorators/ShadowDecorator/index.native';
 
 export default DraggableList;