import { iconVariants } from '../variants'

import type { LogoAndIllustrationProps } from '../icon'

export default function MarskiLogoIcon({
  className,
  color,
  ...props
}: LogoAndIllustrationProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      width="92"
      height="30"
      viewBox="0 0 92 30"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M0 10.2275H4.03407L5.34883 15.842H5.37449L6.68925 10.2275H10.7233V19.7719H8.04249V13.6496H8.01683L6.41874 19.7719H4.30494L2.70685 13.6496H2.68083V19.7719H0V10.2275Z"
        fill="#002435"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M22.4422 10.2273H25.2132L28.564 19.7717H25.6255L25.2389 18.4081H22.3132L21.9008 19.7717H19.0525L22.4422 10.2273ZM24.6722 16.3633L23.8471 13.4221H23.8215L22.9319 16.3633H24.6722Z"
        fill="#002435"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M37.1377 10.2273H42.5378C44.1491 10.2273 45.5412 11.1495 45.5412 12.9541C45.5412 13.9436 45.1028 14.986 44.162 15.3468C44.9353 15.6547 45.4122 16.537 45.5152 17.7265C45.5541 18.1945 45.5669 19.3303 45.8246 19.7717H42.989C42.8472 19.2904 42.7959 18.7959 42.757 18.3013C42.6797 17.3923 42.6027 16.4431 41.4811 16.4431H39.9728V19.7717H37.1377V10.2273ZM39.9728 14.3983H41.4555C41.9836 14.3983 42.7057 14.3044 42.7057 13.4491C42.7057 12.8473 42.3832 12.4998 41.3008 12.4998H39.9728V14.3983Z"
        fill="#002435"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M57.0406 16.564C57.0406 16.8043 57.0791 17.0183 57.1436 17.192C57.3499 17.7672 57.9686 17.8869 58.4968 17.8869C58.9609 17.8869 59.6697 17.7269 59.6697 17.0183C59.6697 16.5241 59.2702 16.3899 57.685 15.9223C56.2287 15.4946 54.5661 15.0803 54.5661 13.1552C54.5661 10.95 56.383 10.0007 58.278 10.0007C60.2756 10.0007 62.0412 10.7892 62.1185 13.1153H59.4377C59.4894 12.7542 59.3347 12.5135 59.1027 12.3531C58.8707 12.1794 58.5485 12.1128 58.2648 12.1128C57.8785 12.1128 57.2466 12.2197 57.2466 12.7542C57.2983 13.4361 58.613 13.5829 59.9146 13.9573C61.2165 14.3314 62.5052 14.9598 62.5052 16.7107C62.5052 19.1969 60.3013 19.9994 58.252 19.9994C57.2081 19.9994 54.2307 19.6117 54.2051 16.564H57.0406Z"
        fill="#002435"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M71.2209 10.2273H74.0565V13.516H74.0821L76.6083 10.2273H80.101L76.7629 13.9569L80.6423 19.7717H77.1112L74.8423 16.0557L74.0565 16.9514V19.7717H71.2209V10.2273Z"
        fill="#002435"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M89.1646 19.7717H92.0001V10.2273H89.1646V19.7717Z"
        fill="#002435"
      />
    </svg>
  )
}