import React, { FC } from "react";
import { BaseIconProps } from "./index";
import clsx from "clsx";

interface Props extends BaseIconProps {
  onMouseOver?: () => void;
  onMouseDown?: () => void;
}
export const MoreIcon: FC<Props> = props => {
  return (
    <svg
      width="6px"
      height="18px"
      viewBox="0 0 6 18"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      className={clsx(props.className)}
      onMouseOver={() => props?.onMouseOver?.()}
      onMouseDown={() => props?.onMouseDown?.()}
      //   xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <title>A61C6A4A-0322-44E4-9C34-E76FE5B65FAC</title>
      <g id="双向持仓-开仓1.0" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
        <g transform="translate(-1078.000000, -93.000000)" id="编组">
          <g transform="translate(780.000000, 34.000000)">
            <g id="下单" transform="translate(0.000000, 46.000000)">
              <g id="more" transform="translate(298.000000, 13.000000)">
                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="6" height="18"></rect>
                <g
                  transform="translate(3.009000, 8.999000) rotate(-90.000000) translate(-3.009000, -8.999000) translate(-3.555000, 7.905000)"
                  fill="currentColor"
                  fillRule="nonzero"
                  id="路径"
                >
                  <path d="M0,1.094 C0,1.48484855 0.208515208,1.84600751 0.546999982,2.04143179 C0.885484756,2.23685607 1.3025152,2.23685607 1.64099997,2.04143179 C1.97948475,1.84600751 2.18799995,1.48484855 2.18799995,1.094 C2.18799995,0.703151447 1.97948475,0.341992488 1.64099997,0.146568209 C1.3025152,-0.0488560697 0.885484756,-0.0488560697 0.546999982,0.146568209 C0.208515208,0.341992488 0,0.703151447 0,1.094 L0,1.094 Z"></path>
                  <path d="M5.46999988,1.094 C5.46999988,1.6981995 5.95980036,2.18799998 6.56399986,2.18799998 C7.16819937,2.18799998 7.65799984,1.6981995 7.65799984,1.094 C7.65799984,0.489800496 7.16819937,2.30547812e-08 6.56399986,2.30547812e-08 C5.95980036,2.30547812e-08 5.46999988,0.489800496 5.46999988,1.094 Z"></path>
                  <path d="M10.9399998,1.094 C10.9399998,1.6981995 11.4298002,2.18799998 12.0339997,2.18799998 C12.6381992,2.18799998 13.1279997,1.6981995 13.1279997,1.094 C13.1279997,0.489800496 12.6381992,2.30547812e-08 12.0339997,2.30547812e-08 C11.4298002,2.30547812e-08 10.9399998,0.489800496 10.9399998,1.094 Z"></path>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
};