29 lines
796 B
TypeScript
29 lines
796 B
TypeScript
import { useState } from "react";
|
|
import Search from "../../../ui/inputs/Search";
|
|
import ToggleHeader from "../../../ui/inputs/ToggleHeader";
|
|
import Data from "./data/Data";
|
|
import Design from "./design/Design";
|
|
|
|
const Visualization = () => {
|
|
const [activeOption, setActiveOption] = useState("Data");
|
|
|
|
const handleToggleClick = (option: string) => {
|
|
setActiveOption(option); // Update the active option
|
|
};
|
|
|
|
return (
|
|
<div className="visualization-right-sideBar">
|
|
<ToggleHeader
|
|
options={["Data", "Design"]}
|
|
activeOption={activeOption}
|
|
handleClick={handleToggleClick}
|
|
/>
|
|
<div className="sidebar-left-content-container">
|
|
{activeOption === "Data" ? <Data /> : <Design />}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Visualization;
|