import { Box } from "@mui/material";

interface Props {
  color: string;
  width: number
}

export default function LightbulbIcon({ color , width }: Props) {
  return (
    <Box
      sx={{
        height: "30px",
        width: width + "px",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
      }}
    >
      <svg
        width={width}
        height={width}
        viewBox="0 0 32 32"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M11 29H21"
          stroke={color}
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M9.83761 20.8739C8.6471 19.9482 7.68288 18.7637 7.01801 17.4102C6.35313 16.0566 6.00504 14.5694 6.00011 13.0614C5.97511 7.6364 10.3376 3.1239 15.7626 2.9989C17.8622 2.94913 19.9242 3.56166 21.6561 4.74961C23.388 5.93756 24.7019 7.64064 25.4115 9.6173C26.1211 11.594 26.1904 13.7439 25.6094 15.7621C25.0285 17.7803 23.827 19.5644 22.1751 20.8614C21.8102 21.1435 21.5146 21.5052 21.311 21.919C21.1073 22.3328 21.001 22.7877 21.0001 23.2489V23.9989C21.0001 24.2641 20.8948 24.5185 20.7072 24.706C20.5197 24.8935 20.2653 24.9989 20.0001 24.9989H12.0001C11.7349 24.9989 11.4805 24.8935 11.293 24.706C11.1055 24.5185 11.0001 24.2641 11.0001 23.9989V23.2489C10.997 22.7912 10.8909 22.34 10.6896 21.9289C10.4884 21.5177 10.1972 21.1572 9.83761 20.8739V20.8739Z"
          stroke={color}
          strokeWidth="1.6"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M7.01801 17.4102C7.68288 18.7637 8.6471 19.9482 9.83761 20.8739C10.1972 21.1572 10.4884 21.5177 10.6896 21.9289C10.8909 22.34 10.997 22.7912 11.0001 23.2489V23.9989C11.0001 24.2641 11.1055 24.5185 11.293 24.706C11.4805 24.8935 11.7349 24.9989 12.0001 24.9989H20.0001C20.2653 24.9989 20.5197 24.8935 20.7072 24.706C20.8948 24.5185 21.0001 24.2641 21.0001 23.9989V23.2489C21.001 22.7877 21.1073 22.3328 21.311 21.919C21.5146 21.5052 21.8102 21.1435 22.1751 20.8614C23.827 19.5644 25.0285 17.7803 25.6094 15.7621C26.1904 13.7439 26.1211 11.594 25.4115 9.6173C24.7019 7.64064 23.388 5.93756 21.6561 4.74961C19.9242 3.56166 17.8622 2.94913 15.7626 2.9989C10.3376 3.1239 5.97511 7.6364 6.00011 13.0614C6.00504 14.5694 6.35313 16.0566 7.01801 17.4102ZM17.1464 6.31013C16.7108 6.23629 16.2978 6.52956 16.2239 6.96517C16.1501 7.40078 16.4434 7.81378 16.879 7.88762C17.9379 8.06713 18.915 8.57088 19.6754 9.32936C20.4358 10.0878 20.9421 11.0636 21.1243 12.1221C21.1992 12.5575 21.613 12.8497 22.0484 12.7748C22.4838 12.6998 22.7761 12.2861 22.7011 11.8507C22.4627 10.4657 21.8003 9.18896 20.8053 8.19655C19.8104 7.20413 18.5319 6.545 17.1464 6.31013Z"
          fill={color}
        />
      </svg>
    </Box>
  );
}