   (:require
    [cljsjs.react.dom.server]
    [rumext.alpha :as mf]
+   [uxbox.util.math :as mth]
    [uxbox.main.geom :as geom]
    [uxbox.main.ui.shapes.canvas :as canvas]
    [uxbox.main.ui.shapes.circle :as circle]

(defn- calculate-dimensions
  [data]
  (let [shapes (vals (:shapes-by-id data))
        shape (geom/shapes->rect-shape shapes)]
    {:width (+ (:x shape) (:width shape) 100)
     :height (+ (:y shape) (:height shape) 100)}))

(mf/defc shape-wrapper
  [{:keys [shape] :as props}]

        shapes (map #(get shapes-by-id %) (:shapes data []))
        canvas (map #(get shapes-by-id %) (:canvas data []))
        dim (calculate-dimensions data)]
    [:svg {:view-box (str "0 0 " (:width dim 0) " " (:height dim 0))
           :version "1.1"
           :xmlnsXlink "http://www.w3.org/1999/xlink"
           :xmlns "http://www.w3.org/2000/svg"}
