import type { ComponentPropsWithoutRef, FC } from 'react'

type Props = ComponentPropsWithoutRef<'svg'>

export const LiamLogoMark: FC<Props> = (props) => {
  return (
    <svg
      role="img"
      aria-label="Liam Logo"
      width={24}
      height={24}
      viewBox="0 0 16 16"
      fill="none"
      {...props}
    >
      <g>
        <path
          d="M7.99953 15.9991C12.4175 15.9991 15.9991 12.4175 15.9991 7.99953C15.9991 3.58151 12.4175 0 7.99953 0C3.58151 0 0 3.58151 0 7.99953C0 12.4175 3.58151 15.9991 7.99953 15.9991Z"
          fill="#1DED83"
        />
        <path
          d="M4.85683 11.7084C4.76571 11.7055 4.76286 11.7046 4.79134 11.6192C4.88151 11.3458 5.92843 8.18794 6.3641 6.88285C6.39352 6.79553 6.37454 6.73193 6.32044 6.67308C5.95881 6.27254 5.71202 5.80081 5.49087 5.31578C5.33806 4.97883 5.21751 4.62764 5.13114 4.26601C5.11405 4.19578 5.13683 4.17489 5.18714 4.15971C5.46145 4.07428 5.7367 3.99266 6.01101 3.90438C6.06986 3.8854 6.09454 3.89015 6.11732 3.95374C6.19799 4.17869 6.27772 4.40459 6.37359 4.6229C6.46566 4.83266 6.57481 5.03483 6.68112 5.2389C6.73047 5.33382 6.78553 5.42684 6.84437 5.51606C6.90227 5.60528 6.90607 5.60338 6.96776 5.51131C6.98675 5.48284 7.00098 5.45151 7.01807 5.42209C7.20126 5.11551 7.41197 4.82981 7.66635 4.57829C8.02513 4.2233 8.44181 3.97462 8.93632 3.86072C9.1271 3.81706 9.31883 3.79808 9.51531 3.79618C9.8048 3.79333 10.0896 3.81137 10.3696 3.8873C10.6752 3.96988 10.9476 4.11605 11.1963 4.31252C11.4858 4.54127 11.6718 4.83931 11.7923 5.18006C11.8389 5.31104 11.8483 5.45531 11.8711 5.59389C11.8778 5.6366 11.8692 5.68216 11.873 5.72582C11.8901 5.96786 11.8502 6.20325 11.781 6.432C11.7145 6.65315 11.6054 6.85627 11.4668 7.04041C11.1858 7.41248 10.8233 7.6735 10.3838 7.83106C10.1399 7.91838 9.89023 7.96964 9.6349 8.0095C9.35585 8.05411 9.0768 8.04652 8.80154 8.02754C8.44845 8.00191 8.10011 7.92218 7.7717 7.77696C7.70052 7.74564 7.62838 7.71526 7.55719 7.68394C7.46987 7.64503 7.46133 7.64692 7.43095 7.73425C7.37306 7.90035 6.55393 10.4583 6.54729 10.4764C6.53305 10.5115 6.53874 10.5324 6.58146 10.5324C6.62037 10.5324 9.42324 10.5324 10.7843 10.5324C10.9561 10.5324 10.9856 10.5001 10.9315 10.7137C10.8593 11.0013 10.7929 11.2898 10.7226 11.5783C10.6913 11.7074 10.6904 11.7084 10.5565 11.7084C9.61118 11.7084 4.88341 11.7084 4.85398 11.7084H4.85683ZM9.71653 4.94466C9.7023 4.94466 9.68711 4.94561 9.67287 4.94466C9.3568 4.92093 9.06446 4.98927 8.80629 5.17816C8.6772 5.27212 8.55666 5.37273 8.4494 5.49613C8.18174 5.80365 8.00804 6.15959 7.84764 6.52691C7.8296 6.56868 7.82581 6.5962 7.87326 6.62088C7.99855 6.68542 8.1191 6.76325 8.24818 6.8202C8.46269 6.91512 8.68669 6.98536 8.92114 6.9996C9.05971 7.00814 9.19924 7.01193 9.33972 7.00719C9.6444 6.9958 9.92725 6.92176 10.1826 6.75851C10.5176 6.54305 10.6989 6.23457 10.697 5.83023C10.6961 5.60433 10.6059 5.40311 10.4512 5.25314C10.2528 5.06046 10.0089 4.93517 9.71748 4.94561L9.71653 4.94466Z"
          fill="#000"
        />
      </g>
      <defs>
        <clipPath>
          <rect width={16} height={16} fill="#fff" />
        </clipPath>
      </defs>
    </svg>
  )
}
