import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconEllipsisMoreVerticalOutline = forwardRef<
  SVGSVGElement,
  IconProps
>(({ color = "currentColor", ...props }, forwardedRef) => {
  const { className } = props;
  props = {
    ...props,
    width: `${props.width || props.size || 20}`,
    height: `${props.height || props.size || 20}`,
    className: `${
      className ? className + " " : ""
    }customeow-icon customeow-icon-icon-ellipsis-more-vertical-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M10 3C10.8284 3 11.5 3.67157 11.5 4.5 11.5 5.32843 10.8284 6 10 6 9.17157 6 8.5 5.32843 8.5 4.5 8.5 3.67157 9.17157 3 10 3ZM10 8.5C10.8284 8.5 11.5 9.17157 11.5 10 11.5 10.8284 10.8284 11.5 10 11.5 9.17157 11.5 8.5 10.8284 8.5 10 8.5 9.17157 9.17157 8.5 10 8.5ZM11.5 15.5C11.5 14.6716 10.8284 14 10 14 9.17157 14 8.5 14.6716 8.5 15.5 8.5 16.3284 9.17157 17 10 17 10.8284 17 11.5 16.3284 11.5 15.5Z"
        fill={color}
      />
    </svg>
  );
});

IconEllipsisMoreVerticalOutline.displayName = "IconEllipsisMoreVerticalOutline";

export default IconEllipsisMoreVerticalOutline;