import { Item } from "../interfaces/Item";
import { SidebarScopes } from "./SidebarScopes";

interface Props {
  items: Item[];
  componentSelected?: Item;
  setComponentSelected: (value: Item) => void;
}

export function Sidebar({
  items,
  componentSelected,
  setComponentSelected,
}: Props) {
  return (
    <div className="component-book cb-mx-3 cb-my-3">
      <SidebarScopes
        items={items}
        componentSelected={componentSelected}
        setComponentSelected={setComponentSelected}
      />
    </div>
  );
}