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