interface LogoPropsType {
  fontColor?: string;
  width?: string;
  height?: string;
}

export function Logo(props: LogoPropsType) {
  const fontColor = props.fontColor || 'white';
  const width = props.width || '151';
  const height = props.height || '44';

  return (
    <svg
      width={width}
      height={height}
      viewBox={`0 0 ${width} ${height}`}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_1922_14635)">
        <path
          d="M30.263 37.5605C30.263 39.2539 23.8314 40.6266 15.8976 40.6266C7.96384 40.6266 1.53223 39.2539 1.53223 37.5605C1.53223 35.8671 7.96384 34.4943 15.8976 34.4943C23.8314 34.4943 30.263 35.8671 30.263 37.5605Z"
          fill="#FF8271"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M0.455615 24.2448C0.455615 29.1946 5.01917 31.4142 9.48116 31.428C19.9212 31.428 31.4722 25.0107 31.4121 14.2713C31.3688 6.52859 24.2544 -0.0628907 15.8357 0.000452793C7.82477 0.000452793 0.000529064 5.23097 0 12.3567C0 14.2703 1.09781 16.1216 3.96753 16.33C1.57478 18.6994 0.455615 21.5383 0.455615 24.2448ZM15.8632 17.2471C17.5367 17.2471 18.8934 15.617 18.8934 13.6061C18.8934 11.5952 17.5367 9.96502 15.8632 9.96502C14.1897 9.96502 12.8331 11.5952 12.8331 13.6061C12.8331 15.617 14.1897 17.2471 15.8632 17.2471ZM24.5514 17.2472C26.2249 17.2472 27.5816 15.617 27.5816 13.6061C27.5816 11.5952 26.2249 9.96503 24.5514 9.96503C22.8779 9.96503 21.5213 11.5952 21.5213 13.6061C21.5213 15.617 22.8779 17.2472 24.5514 17.2472Z"
          fill="#FF8271"
        />
        <path
          d="M45.3549 33.1573C45.864 33.1573 46.2806 32.7376 46.2806 32.2246C46.2806 29.5186 46.2806 26.8126 46.2806 24.1066C47.9007 24.1066 49.5208 24.1066 51.1408 24.1066C56.7416 24.1066 60.8612 19.9557 60.8612 14.3125C60.8612 8.66924 56.7416 4.51841 51.1408 4.51841H42.8091C42.2999 4.51841 41.8833 4.93816 41.8833 5.45118V32.2246C41.8833 32.7376 42.2999 33.1573 42.8091 33.1573H45.3549ZM46.2806 19.6759C46.2806 16.1003 46.2806 12.5247 46.2806 8.94907C47.9007 8.94907 49.5208 8.94907 51.1408 8.94907C54.1958 8.94907 56.325 11.1411 56.325 14.3125C56.325 17.4839 54.1958 19.6759 51.1408 19.6759C49.5208 19.6759 47.9007 19.6759 46.2806 19.6759Z"
          fill={fontColor}
        />
        <path
          d="M66.8607 33.1573C67.3699 33.1573 67.7865 32.7376 67.7865 32.2246V21.0313C67.7865 16.0877 71.0729 14.2221 74.7296 14.2221H75.6553C76.1645 14.2221 76.5811 13.8024 76.5811 13.2894V10.7709C76.5811 10.2579 76.1645 9.83811 75.6553 9.83811H74.7296C69.1741 9.83811 67.2553 13.6935 67.2553 13.6935C67.2553 13.6935 67.2553 11.2893 67.2553 10.7709C67.2553 10.0349 66.8387 9.83811 66.3295 9.83811H64.5463C64.0372 9.83811 63.6206 10.2579 63.6206 10.7709V32.2246C63.6206 32.7376 64.0372 33.1573 64.5463 33.1573H66.8607Z"
          fill={fontColor}
        />
        <path
          d="M82.5485 33.1573C83.0576 33.1573 83.4742 32.7376 83.4742 32.2246V10.7709C83.4742 10.2579 83.0576 9.83811 82.5485 9.83811H80.1415C79.6324 9.83811 79.2158 10.2579 79.2158 10.7709V32.2246C79.2158 32.7376 79.6324 33.1573 80.1415 33.1573H82.5485Z"
          fill={fontColor}
        />
        <path
          d="M97.872 33.1573C98.2885 33.1573 98.5663 32.9241 98.7514 32.4578L106.759 11.2839C106.852 11.0507 106.944 10.7709 106.944 10.491C106.944 10.1646 106.574 9.83811 106.019 9.83811H103.149C102.732 9.83811 102.455 10.0247 102.269 10.5377C100.396 15.9569 96.57 26.4462 96.57 26.4462C96.57 26.4462 92.7605 15.9694 90.8826 10.5377C90.6974 10.0247 90.4197 9.83811 90.0031 9.83811H87.1333C86.5778 9.83811 86.2075 10.1646 86.2075 10.5377C86.2075 10.7709 86.3001 11.0507 86.3927 11.2839L94.4467 32.4578C94.6318 32.9241 94.9096 33.1573 95.3262 33.1573H97.872Z"
          fill={fontColor}
        />
        <path
          d="M117.084 40.6266C117.5 40.6266 117.778 40.4401 117.963 39.9271L128.815 11.2839C128.907 11.0507 129 10.7709 129 10.5377C129 10.1646 128.63 9.83811 128.074 9.83811H125.251C124.834 9.83811 124.556 10.0247 124.371 10.5377C122.635 15.5261 118.909 26.4462 118.909 26.4462C118.909 26.4462 114.924 15.5774 113.031 10.5377C112.846 10.0247 112.568 9.83811 112.151 9.83811H109.328C108.772 9.83811 108.402 10.1646 108.402 10.5377C108.402 10.7709 108.495 11.0507 108.587 11.2839L116.317 31.0586C116.41 31.2918 116.456 31.4317 116.456 31.525C116.456 31.6649 116.41 31.7582 116.317 32.038L113.797 39.2741C113.705 39.5073 113.658 39.6939 113.658 39.8804C113.658 40.2535 113.982 40.6266 114.584 40.6266H117.084Z"
          fill={fontColor}
        />
      </g>
      <defs>
        <clipPath id="clip0_1922_14635">
          <rect width={width} height={height} fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}