Refactor Footer component to integrate OuterClick for better shortcut management; add SelectFloorPlan component with preset options

This commit is contained in:
2025-05-13 18:13:48 +05:30
parent b7f74c975c
commit a5cd65898d
3 changed files with 46 additions and 1 deletions

View File

@@ -0,0 +1,30 @@
import React, { useState } from "react";
const SelectFloorPlan: React.FC = () => {
const [preset, setPreset] = useState("");
return (
<div className="select-floorplane-wrapper">
Don't have an idea? Use these presets!
<div className="presets-container">
<button
className={`preset ${preset === "1" ? "active" : ""}`}
onClick={() => {
setPreset("1");
}}
>
Preset 1
</button>
<button
className={`preset ${preset === "2" ? "active" : ""}`}
onClick={() => {
setPreset("2");
}}
>
Preset 2
</button>
</div>
</div>
);
};
export default SelectFloorPlan;