25 lines
678 B
TypeScript
25 lines
678 B
TypeScript
import React, { useState } from "react";
|
|
import ToggleHeader from "../../ui/inputs/ToggleHeader";
|
|
import Search from "../../ui/inputs/Search";
|
|
|
|
const SideBarLeft: React.FC = () => {
|
|
const [activeOption, setActiveOption] = useState("Option 1");
|
|
|
|
const handleToggleClick = (option: string) => {
|
|
setActiveOption(option); // Update the active option
|
|
};
|
|
return (
|
|
<>
|
|
<div>SideBarLeft</div>
|
|
<ToggleHeader
|
|
options={["Outline", "Assets"]}
|
|
activeOption={activeOption}
|
|
handleClick={handleToggleClick}
|
|
/>
|
|
<Search onChange={(value) => console.log(value)} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default SideBarLeft;
|