import { Button } from "@mui/material";
import ArrowRightP from "@/components/icons/ArrowRightP";
import LogoPanelHead from "@/components/icons/LogoPanelHead";

function HeadSm({ setActive }) {
  return (
    <div className="flex md:hidden items-center justify-start gap-[8px]">
      <Button
        variant="text"
        className="!min-w-0 !p-1"
        onClick={() => setActive(false)}
      >
        <ArrowRightP />
      </Button>
      <div className="w-[100px] h-[23px]">
        <LogoPanelHead />
      </div>
    </div>
  );
}

export default HeadSm;
