31 lines
761 B
TypeScript
31 lines
761 B
TypeScript
|
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;
|