import React from "react"
import { IconProps } from "./types"

export default function DropArrowIcon({
  height = 16,
  width = 16,
  cursor = "inherit",
  color = "#CBCED1",
  onClick,
  style,
}: IconProps) {
  return (
    <svg
      width={height}
      height={width}
      cursor={cursor}
      onClick={onClick}
      style={style}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g id="arrow_drop_down" clipPath="url(#clip0_22282_190230)">
        <path
          id="Vector"
          d="M11.332 9.3335L7.9987 6.00016L4.66536 9.3335L11.332 9.3335Z"
          fill={color}
        />
      </g>
      <defs>
        <clipPath id="clip0_22282_190230">
          <rect
            width={16}
            height={16}
            fill="white"
            transform="translate(16 16) rotate(-180)"
          />
        </clipPath>
      </defs>
    </svg>
  )
}