interface DifferentCardIconType {
  className?: string;
  onClick?: () => void;
}

const DifferentCardIcon = ({ className, onClick }: DifferentCardIconType) => {
  return (
    <svg
      width="76"
      height="8"
      viewBox="0 0 76 8"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <path
        d="M8.55102 0.9375H5.11426V7.06055H8.55102V0.9375Z"
        fill="#FF5F00"
      />
      <path
        d="M5.36202 4.00015C5.36266 3.40911 5.49756 2.82592 5.75648 2.29461C6.01541 1.76331 6.39162 1.29777 6.85673 0.933079C6.28121 0.480602 5.58997 0.199138 4.86206 0.120951C4.13415 0.0427646 3.39892 0.170934 2.74042 0.490862C2.08193 0.81079 1.52678 1.30956 1.13835 1.93012C0.749927 2.55068 0.543945 3.26805 0.543945 4.00015C0.543945 4.73225 0.749927 5.44954 1.13835 6.07009C1.52678 6.69065 2.08193 7.18942 2.74042 7.50935C3.39892 7.82928 4.13415 7.95745 4.86206 7.87926C5.58997 7.80108 6.28121 7.5197 6.85673 7.06722C6.39058 6.70348 6.01361 6.23805 5.75458 5.70653C5.49555 5.17501 5.36128 4.59143 5.36202 4.00015Z"
        fill="#EB001B"
      />
      <path
        d="M13.1601 3.9996C13.155 4.7338 12.9443 5.45188 12.5519 6.07242C12.1594 6.69296 11.601 7.1911 10.9398 7.51041C10.2787 7.82972 9.54129 7.9574 8.81127 7.87896C8.08126 7.80053 7.3878 7.51914 6.80957 7.06667C7.27522 6.70245 7.65183 6.23697 7.91084 5.70556C8.16984 5.17415 8.30445 4.59076 8.30445 3.9996C8.30445 3.40843 8.16984 2.82496 7.91084 2.29355C7.65183 1.76214 7.27522 1.29674 6.80957 0.932525C7.3878 0.480052 8.08126 0.198578 8.81127 0.120143C9.54129 0.0417073 10.2787 0.169389 10.9398 0.488699C11.601 0.808009 12.1594 1.30623 12.5519 1.92677C12.9443 2.54731 13.155 3.26539 13.1601 3.9996Z"
        fill="#F79E1B"
      />
      <path
        d="M28.9746 0.269604L27.5174 7.7455H25.7529L27.2122 0.266856L28.9746 0.269604ZM36.3983 5.09841L37.3276 2.28979L37.8617 5.09841H36.3983ZM38.3683 7.74755H40.0002L38.5746 0.268911H37.0692C36.9023 0.271495 36.7404 0.325776 36.6057 0.424267C36.4711 0.522758 36.3702 0.6606 36.3172 0.818803L33.6694 7.74892H35.5253L35.8931 6.63193H38.1566L38.3683 7.74755ZM33.7629 5.306C33.7705 3.33254 31.2746 3.22326 31.2883 2.34136C31.2938 2.07328 31.5269 1.78801 32.0362 1.71515C32.6366 1.65328 33.242 1.76971 33.7766 2.0499L34.086 0.463431C33.5625 0.247913 33.0023 0.135652 32.4363 0.132812C30.6917 0.132812 29.4647 1.14876 29.4544 2.60737C29.4434 3.68379 30.3308 4.28456 30.9983 4.64268C31.6856 5.00905 31.9173 5.24413 31.9139 5.572C31.909 6.07379 31.3639 6.29581 30.8587 6.30406C30.2224 6.3173 29.5949 6.15359 29.0461 5.83115L28.7259 7.47053C29.3459 7.73496 30.0135 7.86994 30.6876 7.86716C32.5435 7.86716 33.7554 6.86289 33.7602 5.30805M26.4513 0.270967L23.5918 7.74961H21.727L20.3199 1.78114C20.3101 1.64542 20.2665 1.51429 20.1933 1.39957C20.1201 1.28485 20.0195 1.19014 19.9006 1.124C19.3515 0.835079 18.7661 0.62101 18.1602 0.487492L18.2014 0.270296H21.2046C21.4084 0.277348 21.6028 0.357588 21.7523 0.496323C21.9017 0.635058 21.9962 0.823001 22.0184 1.02572L22.7615 5.35617L24.5974 0.269604L26.4513 0.270967Z"
        fill="#122367"
      />
      <path
        d="M48.498 0L45 7.99004H49.1876L49.7063 6.71645H50.8934L51.4123 7.99004H56.0214V7.01795L56.4348 7.99004H58.8193L59.2326 6.99449V7.99004H68.8189L69.9847 6.74915L71.076 7.99004L76 8L72.4911 4.01777L76 0.000716146H71.1524L70.0177 1.21884L68.9608 0.000716146H58.532L57.6363 2.06293L56.7193 0.000716146H52.5408V0.940082L52.0757 0.000716146L48.498 0ZM49.3082 1.13778H51.3489L53.6692 6.55573V1.13778H55.9057L57.6969 5.02257L59.3505 1.13778H61.5752V6.87075H60.2213L60.2104 2.37795L58.2365 6.87075H57.0252L55.0403 2.37795V6.87075H52.2555L51.7278 5.58507H48.8747L48.3478 6.86934H46.8555L49.3082 1.13778ZM62.8118 1.13778H68.3166L70.0005 3.0151L71.7387 1.13778H73.4226L70.8644 4.01921L73.4226 6.86719H71.6629L69.9791 4.96853L68.2327 6.86719H62.8131V1.13707L62.8118 1.13778ZM50.2996 2.10773L49.3598 4.3975H51.2387L50.2996 2.10773ZM64.1712 2.32461V3.37138H67.1743V4.53759H64.1712V5.68036H67.5395L69.1048 3.99716L67.6056 2.3232H64.1704L64.1712 2.32461Z"
        fill="#2273B4"
      />
    </svg>
  );
};

export default DifferentCardIcon;
