const SunoRadioLogo = ({
  className,
  fill = 'none',
}: {
  className?: string;
  fill?: string;
}) => (
  <svg
    viewBox='0 0 68 20'
    fill={fill}
    xmlns='http://www.w3.org/2000/svg'
    className={className}
  >
    <path
      d='M41.4979 0.214355H45.21V19.5866H41.4979V18.124H41.4443C40.8209 18.937 39.4118 19.9931 37.3257 19.9931C33.7221 19.9931 31.2295 17.2025 31.2295 12.6499C31.2295 8.09729 33.7221 5.30667 37.3257 5.30667C39.4118 5.30667 40.8209 6.36277 41.4443 7.23071H41.4979V0.214355ZM41.443 12.6513C41.443 9.80572 40.2509 8.18106 38.2458 8.18106C36.2408 8.18106 35.0487 9.94168 35.0487 12.6513C35.0487 15.3608 36.1872 17.1489 38.2458 17.1489C40.3045 17.1489 41.443 15.5229 41.443 12.6513Z'
      fill='currentColor'
    />
    <path
      d='M66.3799 8.80171C65.8127 7.71266 64.9997 6.86806 63.9367 6.26654C62.8751 5.66502 61.6185 5.36426 60.1669 5.36426C58.7153 5.36426 57.4491 5.66914 56.3696 6.28027C55.2902 6.8914 54.4662 7.74562 53.9004 8.84291C53.3332 9.9402 53.0503 11.2064 53.0503 12.6402C53.0503 14.0739 53.3332 15.3086 53.9004 16.3976C54.4662 17.4867 55.2806 18.3313 56.3422 18.9328C57.4038 19.5343 58.6604 19.8351 60.112 19.8351C61.5636 19.8351 62.8284 19.5247 63.9079 18.9053C64.9873 18.2859 65.8099 17.4276 66.3771 16.3303C66.9429 15.233 67.2272 13.9668 67.2272 12.5344C67.2272 11.102 66.9443 9.89214 66.3771 8.80446L66.3799 8.80171ZM63.1278 14.9611C62.871 15.6244 62.4906 16.1298 61.9866 16.4745C61.4826 16.8192 60.8756 16.9923 60.1683 16.9923C59.071 16.9923 58.2305 16.6036 57.6455 15.8236C57.0618 15.0449 56.7693 13.9654 56.7693 12.5852C56.7693 11.683 56.897 10.8988 57.1538 10.2355C57.4106 9.57215 57.791 9.06264 58.2951 8.70832C58.7991 8.354 59.4239 8.17684 60.1669 8.17684C61.2285 8.17684 62.0525 8.57099 62.6362 9.35791C63.2198 10.1462 63.5124 11.2298 63.5124 12.61C63.5124 13.5122 63.3833 14.2964 63.1278 14.9597V14.9611Z'
      fill='currentColor'
    />
    <path
      d='M0 19.588V0.214355H8.75088C13.0316 0.214355 15.5242 2.21942 15.5242 5.76949C15.5242 8.37058 14.0066 10.0502 11.7036 10.5652V10.6187C16.4182 11.4592 14.7111 19.018 15.7947 19.3435V19.588H11.433C10.5115 18.775 12.2996 12.5428 7.93786 12.5428H4.17219V19.588H0ZM7.91177 9.0751C10.1338 9.0751 11.3533 8.18106 11.3533 6.33805C11.3533 4.49504 10.2698 3.6834 7.93924 3.6834H4.17356V9.0751H7.91315H7.91177Z'
      fill='currentColor'
    />
    <path
      d='M16.8808 15.9841C16.8808 13.0315 19.2374 11.974 22.381 11.3505C24.1155 10.9989 25.9571 10.7545 25.9571 9.40036C25.9571 8.53379 25.3611 7.9103 23.8161 7.9103C21.947 7.9103 21.1875 8.61482 21.0529 10.1584H17.4768C17.6128 7.50379 19.4819 5.28174 23.9795 5.28174C27.4211 5.28174 29.5608 6.69078 29.5608 10.6734V16.4181C29.5608 17.2586 29.6692 17.6376 30.1293 17.6376C30.2378 17.6376 30.3188 17.6376 30.4809 17.6102V19.5067C29.7489 19.6427 29.0183 19.7237 28.4758 19.7237C26.9047 19.7237 26.2263 19.1277 26.0368 17.7997H25.9832C25.0342 19.1002 23.4357 19.9943 21.3496 19.9943C18.6125 19.9943 16.8794 18.3957 16.8794 15.9841H16.8808ZM25.9571 14.0601V12.5975C25.4421 12.868 24.603 13.085 23.356 13.383C21.432 13.7895 20.7014 14.4666 20.7014 15.6326C20.7014 16.7985 21.4059 17.3396 22.7064 17.3396C24.684 17.3396 25.9571 15.958 25.9571 14.0615V14.0601Z'
      fill='currentColor'
    />
    <path
      d='M49.4906 0C48.8891 0 48.4112 0.1854 48.0569 0.557573C47.7025 0.929747 47.5254 1.39805 47.5254 1.96524C47.5254 2.53243 47.7025 2.97876 48.0569 3.35917C48.4112 3.73959 48.8891 3.93048 49.4906 3.93048C50.0922 3.93048 50.6017 3.74096 50.9642 3.35917C51.3268 2.97876 51.5081 2.51457 51.5081 1.96524C51.5081 1.41591 51.3227 0.929747 50.9505 0.557573C50.5783 0.1854 50.0922 0 49.4906 0Z'
      fill='currentColor'
    />
    <path
      d='M51.3362 5.81494H47.6982V19.5922H51.3362V5.81494Z'
      fill='currentColor'
    />
  </svg>
);

export default SunoRadioLogo;