Update app/src/components/temporary/SelectFloorPlan.tsx

app/src/components/temporary/SelectFloorPlan.tsx

@@ -1,31 +1,31 @@
-import React from "react";
+import React from "react";
-import useLayoutStore from "../../store/builder/uselayoutStore";
+import useLayoutStore from "../../store/builder/uselayoutStore";
-
+
-const SelectFloorPlan: React.FC = () => {
+const SelectFloorPlan: React.FC = () => {
-  const { currentLayout, setLayout } = useLayoutStore();
+  const { currentLayout, setLayout } = useLayoutStore();
-  return (
+  return (
-    <div className="select-floorplane-wrapper">
+    <div className="select-floorplane-wrapper">
-      Don't have an idea? Use these presets!
+      Preset Layouts
-      <div className="presets-container">
+      <div className="presets-container">
-        <button
+        <button
-          className={`preset ${currentLayout === "layout1" ? "active" : ""}`}
+          className={`preset ${currentLayout === "layout1" ? "active" : ""}`}
-          onClick={() => {
+          onClick={() => {
-            setLayout("layout1");
+            setLayout("layout1");
-          }}
+          }}
-        >
+        >
-          Preset 1
+          Preset 1
-        </button>
+        </button>
-        <button
+        <button
-          className={`preset ${currentLayout === "layout2" ? "active" : ""}`}
+          className={`preset ${currentLayout === "layout2" ? "active" : ""}`}
-          onClick={() => {
+          onClick={() => {
-            setLayout("layout2");
+            setLayout("layout2");
-          }}
+          }}
-        >
+        >
-          Preset 2
+          Preset 2
-        </button>
+        </button>
-      </div>
+      </div>
-    </div>
+    </div>
-  );
+  );
-};
+};
-
+
-export default SelectFloorPlan;
+export default SelectFloorPlan;