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

interface Props {
  width: number;
}

export default function SmiLogo({ width }: Props) {
  const theme = useTheme();

  return (
    <svg
      style={{ minWidth: width }}
      width={width}
      viewBox="0 0 240 54"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
    >
      <rect width="240" height="54" fill="url(#pattern0)" />
      <defs>
        <pattern
          id="pattern0"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_3536_13549"
            transform="matrix(0.00104135 0 0 0.00457348 0.00134255 -0.00308252)"
          />
        </pattern>
        <image
          id="image0_3536_13549"
          width="959"
          height="220"
          xlinkHref="data:image/png;base64,[encoded data, 22616 characters]"
        />
      </defs>
    </svg>
  );
}
