import React from 'react';

const Designer = (props:any) => {
    const {fill} = props;
  return (
    <svg
      width="48"
      height="50"
      viewBox="0 0 48 50"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M44.1017 9.0484H43.5498C44.6017 7.33581 44.2133 5.03658 42.5251 3.784C40.706 2.4345 38.121 2.86889 36.8515 4.76597L33.9859 9.04849H9.36884C7.3454 9.04849 5.69922 10.6947 5.69922 12.7181V36.1795C5.69922 38.2029 7.3454 39.8491 9.36884 39.8491H23.6227L22.5458 44.3726H20.2213C18.7064 44.3726 17.4739 45.605 17.4739 47.1199V47.6936H14.6083C14.1066 47.6936 13.7 48.1004 13.7 48.602C13.7 49.1036 14.1066 49.5104 14.6083 49.5104H38.8623C39.364 49.5104 39.7707 49.1036 39.7707 48.602C39.7707 48.1004 39.364 47.6936 38.8623 47.6936H35.9967V47.1199C35.9967 45.605 34.7642 44.3726 33.2493 44.3726H30.9248L29.8479 39.8491H44.1018C46.1252 39.8491 47.7714 38.2029 47.7714 36.1795V31.0171V12.718C47.7714 10.6946 46.1252 9.0484 44.1017 9.0484ZM31.0861 25.0178C29.6658 26.012 27.005 24.6606 24.4641 26.0165C23.8441 22.7958 24.235 19.7668 27.4621 19.0982C27.8791 19.0113 28.3281 18.9719 28.7104 18.9796C29.8026 19.7899 30.9074 20.6096 31.9966 21.4178C32.4734 22.8047 32.2944 24.172 31.0861 25.0178ZM32.0016 15.281L34.5729 17.1888L32.5955 19.5997C31.7814 18.9957 31.0815 18.4765 30.2674 17.8724C30.4365 17.6198 31.847 15.5118 32.0016 15.281ZM38.3616 5.77638C39.0496 4.74799 40.4528 4.50872 41.4425 5.24315C42.4327 5.97767 42.61 7.38986 41.8254 8.34648C40.4333 10.0436 37.1237 14.0788 35.7263 15.7825L33.013 13.7693L38.3616 5.77638ZM34.1799 47.1199V47.6936H19.2906V47.1199C19.2906 46.6069 19.7081 46.1894 20.2213 46.1894H33.2492C33.7624 46.1894 34.1799 46.6069 34.1799 47.1199ZM29.0572 44.3726H24.4133L25.4903 39.8491H27.9802L29.0572 44.3726ZM45.9546 36.1795C45.9546 37.2011 45.1234 38.0323 44.1018 38.0323C42.6598 38.0323 10.9902 38.0323 9.36893 38.0323C8.34727 38.0323 7.51609 37.2011 7.51609 36.1795V31.9255H10.1119C10.6136 31.9255 11.0203 31.5187 11.0203 31.0171C11.0203 30.5155 10.6136 30.1087 10.1119 30.1087H7.51591V12.718C7.51591 11.6964 8.34708 10.8652 9.36875 10.8652H32.7702C31.9 12.1657 29.3611 15.9599 28.5569 17.1616C26.7768 17.1777 24.9995 17.7978 23.836 19.1561C22.2528 21.0042 21.9747 23.9081 23.0093 27.7871C23.1862 28.4504 24.0138 28.6881 24.5146 28.2097C26.8634 25.9653 29.7888 28.4135 32.4085 26.2931C34.0076 24.9986 34.3861 22.9408 33.7831 21.0164C34.5982 20.0227 41.2922 11.8613 42.1092 10.8652H44.1016C45.1232 10.8652 45.9544 11.6964 45.9544 12.718V30.1086H17.3788C16.8771 30.1086 16.4705 30.5154 16.4705 31.017C16.4705 31.5186 16.8771 31.9254 17.3788 31.9254H45.9546V36.1795Z"
        fill={fill}
      />
      <circle cx="10" cy="10" r="10" fill={fill} />
      <mask
        id="mask0_8266_3818"
        style={{ maskType: 'luminance' }}
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="20"
        height="20"
      >
        <path d="M0 0H20V20H0V0Z" fill="white" />
      </mask>
      <g mask="url(#mask0_8266_3818)">
        <path
          d="M10 1.63267C14.6137 1.63267 18.3673 5.38628 18.3673 10C18.3673 14.6137 14.6137 18.3673 10 18.3673C5.38628 18.3673 1.63267 14.6137 1.63267 10C1.63267 5.38628 5.38628 1.63267 10 1.63267ZM10 20C15.5228 20 20 15.5228 20 10C20 4.47724 15.5228 0 10 0C4.47724 0 0 4.47724 0 10C0 15.5228 4.47724 20 10 20Z"
          fill="white"
        />
      </g>
      <path
        d="M9.83801 12.8416C9.21301 12.8416 8.58825 12.6034 7.78482 12.0085L6.68359 13.7343C7.42771 14.4039 8.48409 14.761 9.33213 14.8651V16.3529H10.9986V14.7757C12.5608 14.4039 13.3196 13.2732 13.3196 11.8298C13.3196 9.12199 9.4809 9.06243 9.4809 7.93154C9.4809 7.33644 9.7934 7.15777 10.4331 7.15777C10.9836 7.15777 11.4449 7.39576 11.9807 7.87199L13.2454 6.41389C12.65 5.78913 11.9358 5.31291 10.9986 5.16413V3.64648H9.33213V5.19379C7.88874 5.50629 7.0407 6.54772 7.0407 8.05066C7.0407 10.6543 10.8794 10.8181 10.8794 12.0085C10.8794 12.5887 10.5819 12.8416 9.83801 12.8416Z"
        fill="white"
      />
    </svg>
  );
};

export default Designer;