import AddressBookIcon from "./icons/AddressBookIcon";
import DisplayIcon from "./icons/DisplayIcon";
import HomeIcon from "./icons/HomeIcon";
import LibIcon from "./icons/LibIcon";
import PeoplesIcon from "./icons/PeopleIcon";
import SidebarButton from "./SidebarButton";

function Sidebar() {
  return (
    <div className="space-y-[0.278vw]">
      <SidebarButton active>
        <span className="w-[1.111vw] h-[1.111vw]">
          <HomeIcon />
        </span>{" "}
        Главная
      </SidebarButton>
      <SidebarButton>
        <span className="w-[1.111vw] h-[1.111vw]">
          <DisplayIcon />
        </span>{" "}
        Сеансы
      </SidebarButton>
      <SidebarButton>
        <span className="w-[1.111vw] h-[1.111vw]">
          <PeoplesIcon />
        </span>{" "}
        Менеджеры
      </SidebarButton>
      <SidebarButton>
        <span className="w-[1.111vw] h-[1.111vw]">
          <AddressBookIcon />
        </span>{" "}
        Клиенты
      </SidebarButton>
      <SidebarButton>
        <span className="w-[1.111vw] h-[1.111vw]">
          <LibIcon />
        </span>{" "}
        Контент
      </SidebarButton>
    </div>
  );
}

export default Sidebar;
