refactor(packages): change package structure

packages/react/src/container/Viewport/index.tsx

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+
+import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
+
+const selector = (s: ReactFlowState) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
+
+type ViewportProps = {
+  children: ReactNode;
+};
+
+function Viewport({ children }: ViewportProps) {
+  const transform = useStore(selector);
+
+  return (
+    <div className="react-flow__viewport react-flow__container" style={{ transform }}>
+      {children}
+    </div>
+  );
+}
+
+export default Viewport;