import { ThemeColor } from '../types'

export function CollectIcon({
  color
} : {
  color: ThemeColor
}) {
  let opacity = 1
  if (color === ThemeColor.lightGray) {
    opacity = .8
  }
  return (
    <svg
     style={iconStyle} opacity={opacity} width="22" height="18" viewBox="0 0 22 18"
     fill="none" xmlns="http://www.w3.org/2000/svg"
    >
      <mask id="path-1-outside-1_1511_12070" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="18" fill={color}>
        <rect fill="white" width="22" height="18"/>
        <path fillRule="evenodd" clipRule="evenodd" d="M15.5 2H6.5C6.22386 2 6 2.22386 6 2.5V3.5H16V2.5C16 2.22386 15.7761 2 15.5 2ZM17 3.5V2.5C17 1.67157 16.3284 1 15.5 1H6.5C5.67157 1 5 1.67157 5 2.5L5 3.5C3.89543 3.5 3 4.39543 3 5.5V6.55001C1.85888 6.78164 1 7.79052 1 9V15C1 16.3807 2.11929 17.5 3.5 17.5H18.5C19.8807 17.5 21 16.3807 21 15V9C21 7.79052 20.1411 6.78164 19 6.55001V5.5C19 4.39543 18.1046 3.5 17 3.5ZM18 6.5V5.5C18 4.94772 17.5523 4.5 17 4.5H5C4.44772 4.5 4 4.94772 4 5.5V6.5H18ZM18.5 7.5H3.5C2.67157 7.5 2 8.17157 2 9V15C2 15.8284 2.67157 16.5 3.5 16.5H18.5C19.3284 16.5 20 15.8284 20 15V9C20 8.17157 19.3284 7.5 18.5 7.5Z"/>
      </mask>
      <path fillRule="evenodd" clipRule="evenodd" d="M15.5 2H6.5C6.22386 2 6 2.22386 6 2.5V3.5H16V2.5C16 2.22386 15.7761 2 15.5 2ZM17 3.5V2.5C17 1.67157 16.3284 1 15.5 1H6.5C5.67157 1 5 1.67157 5 2.5L5 3.5C3.89543 3.5 3 4.39543 3 5.5V6.55001C1.85888 6.78164 1 7.79052 1 9V15C1 16.3807 2.11929 17.5 3.5 17.5H18.5C19.8807 17.5 21 16.3807 21 15V9C21 7.79052 20.1411 6.78164 19 6.55001V5.5C19 4.39543 18.1046 3.5 17 3.5ZM18 6.5V5.5C18 4.94772 17.5523 4.5 17 4.5H5C4.44772 4.5 4 4.94772 4 5.5V6.5H18ZM18.5 7.5H3.5C2.67157 7.5 2 8.17157 2 9V15C2 15.8284 2.67157 16.5 3.5 16.5H18.5C19.3284 16.5 20 15.8284 20 15V9C20 8.17157 19.3284 7.5 18.5 7.5Z" fill={color} />
      <path d="M6 3.5H5.8V3.7H6V3.5ZM16 3.5V3.7H16.2V3.5H16ZM17 3.5H16.8V3.7H17V3.5ZM5 2.5H5.2H5ZM5 3.5V3.7H5.2V3.5H5ZM3 6.55001L3.03979 6.74601L3.2 6.71349V6.55001H3ZM19 6.55001H18.8V6.71349L18.9602 6.74601L19 6.55001ZM18 6.5V6.7H18.2V6.5H18ZM4 6.5H3.8V6.7H4V6.5ZM6.5 2.2H15.5V1.8H6.5V2.2ZM6.2 2.5C6.2 2.33431 6.33431 2.2 6.5 2.2V1.8C6.1134 1.8 5.8 2.1134 5.8 2.5H6.2ZM6.2 3.5V2.5H5.8V3.5H6.2ZM16 3.3H6V3.7H16V3.3ZM15.8 2.5V3.5H16.2V2.5H15.8ZM15.5 2.2C15.6657 2.2 15.8 2.33431 15.8 2.5H16.2C16.2 2.1134 15.8866 1.8 15.5 1.8V2.2ZM17.2 3.5V2.5H16.8V3.5H17.2ZM17.2 2.5C17.2 1.56112 16.4389 0.8 15.5 0.8V1.2C16.218 1.2 16.8 1.78203 16.8 2.5H17.2ZM15.5 0.8H6.5V1.2H15.5V0.8ZM6.5 0.8C5.56112 0.8 4.8 1.56112 4.8 2.5H5.2C5.2 1.78203 5.78203 1.2 6.5 1.2V0.8ZM4.8 2.5L4.8 3.5H5.2V2.5H4.8ZM5 3.3C3.78497 3.3 2.8 4.28497 2.8 5.5H3.2C3.2 4.50589 4.00589 3.7 5 3.7V3.3ZM2.8 5.5V6.55001H3.2V5.5H2.8ZM1.2 9C1.2 7.88751 1.99004 6.9591 3.03979 6.74601L2.96021 6.35401C1.72772 6.60419 0.8 7.69353 0.8 9H1.2ZM1.2 15V9H0.8V15H1.2ZM3.5 17.3C2.22975 17.3 1.2 16.2703 1.2 15H0.8C0.8 16.4912 2.00883 17.7 3.5 17.7V17.3ZM18.5 17.3H3.5V17.7H18.5V17.3ZM20.8 15C20.8 16.2703 19.7703 17.3 18.5 17.3V17.7C19.9912 17.7 21.2 16.4912 21.2 15H20.8ZM20.8 9V15H21.2V9H20.8ZM18.9602 6.74601C20.01 6.9591 20.8 7.88751 20.8 9H21.2C21.2 7.69353 20.2723 6.60419 19.0398 6.35401L18.9602 6.74601ZM19.2 6.55001V5.5H18.8V6.55001H19.2ZM19.2 5.5C19.2 4.28497 18.215 3.3 17 3.3V3.7C17.9941 3.7 18.8 4.50589 18.8 5.5H19.2ZM18.2 6.5V5.5H17.8V6.5H18.2ZM18.2 5.5C18.2 4.83726 17.6627 4.3 17 4.3V4.7C17.4418 4.7 17.8 5.05817 17.8 5.5H18.2ZM17 4.3H5V4.7H17V4.3ZM5 4.3C4.33726 4.3 3.8 4.83726 3.8 5.5H4.2C4.2 5.05817 4.55817 4.7 5 4.7V4.3ZM3.8 5.5V6.5H4.2V5.5H3.8ZM4 6.7H18V6.3H4V6.7ZM3.5 7.7H18.5V7.3H3.5V7.7ZM2.2 9C2.2 8.28203 2.78203 7.7 3.5 7.7V7.3C2.56112 7.3 1.8 8.06112 1.8 9H2.2ZM2.2 15V9H1.8V15H2.2ZM3.5 16.3C2.78203 16.3 2.2 15.718 2.2 15H1.8C1.8 15.9389 2.56112 16.7 3.5 16.7V16.3ZM18.5 16.3H3.5V16.7H18.5V16.3ZM19.8 15C19.8 15.718 19.218 16.3 18.5 16.3V16.7C19.4389 16.7 20.2 15.9389 20.2 15H19.8ZM19.8 9V15H20.2V9H19.8ZM18.5 7.7C19.218 7.7 19.8 8.28203 19.8 9H20.2C20.2 8.06112 19.4389 7.3 18.5 7.3V7.7Z" fill={color} mask="url(#path-1-outside-1_1511_12070)"/>
    </svg>
  )
}

const iconStyle = {
  height: 16
}