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;
