import LogoutOrangeP from "@/components/icons/LogoutOrangeP";
import LogoPanel from "@/components/icons/LogoPanel";
import { Button } from "@mui/material";
import Links from "./Links";

function Sidebar() {
  return (
    <aside className="min-w-[243px] h-full">
      <div className="min-w-[243px] p-[24px] h-full flex flex-col justify-between items-start fixed top-0 right-0 border-0 border-l border-l-[#EFEFEF] bg-[#FFF]">
        <div>
          <div className="flex justify-center">
            <LogoPanel />
          </div>
          <Links />
        </div>
        <div className="w-full flex justify-center">
          <Button
            variant="text"
            className="!flex !w-fit !items-center !justify-center !gap-[10px] !py-[8px] !px-[16px] !text-[#F17732] !text-[16px] !font-medium"
          >
            <LogoutOrangeP />
            خروج از حساب
          </Button>
        </div>
      </div>
    </aside>
  )
}

export default Sidebar