Breaking getBBox function out of layout

src/layout.js

@@ -1,6 +1,3 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-
 import nodeTypes from 'rendering/types';
 
 const normalizeBBox = box => ({
@@ -34,20 +31,4 @@ const layout = data => {
   };
 };
 
-const getBBox = content => {
-  const container = document.createElement('div');
-  document.body.appendChild(container);
-
-  ReactDOM.render(
-    <svg width="0" height="0" viewBox="0 0 0 0">
-      <g>{ content }</g>
-    </svg>, container);
-
-  const box = container.querySelector('svg > g').getBBox();
-  document.body.removeChild(container);
-
-  return box;
-};
-
 export default layout;
-export { getBBox };

src/rendering/Box/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { getBBox } from 'layout';
+import getBBox from 'rendering/getbbox';
 
 import * as style from './style';
 

src/rendering/Loop/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { getBBox } from 'layout';
+import getBBox from 'rendering/getbbox';
 
 import * as style from 'rendering/style';
 

src/rendering/Text/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { getBBox } from 'layout';
+import getBBox from 'rendering/getbbox';
 
 import * as style from './style';
 

src/rendering/getbbox.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+const getBBox = content => {
+  const container = document.createElement('div');
+  document.body.appendChild(container);
+
+  ReactDOM.render(
+    <svg width="0" height="0" viewBox="0 0 0 0">
+      <g>{ content }</g>
+    </svg>, container);
+
+  const box = container.querySelector('svg > g').getBBox();
+  document.body.removeChild(container);
+
+  return box;
+};
+
+export default getBBox;