import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const ReactWheelPicker: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function ReactWheelPicker(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      strokeWidth={strokeWidth}
      strokeLinecap={strokeLinecap}
      strokeLinejoin={strokeLinejoin}
      strokeDasharray={strokeDasharray}
      opacity={opacity}
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M13.5 1.5H10.5C8.90923 1.50174 7.38412 2.13444 6.25928 3.25928C5.13444 4.38412 4.50174 5.90923 4.5 7.5V16.5C4.50171 18.0908 5.1344 19.6159 6.25925 20.7407C7.3841 21.8656 8.90923 22.4983 10.5 22.5H13.5C15.0908 22.4983 16.6159 21.8656 17.7408 20.7408C18.8656 19.6159 19.4983 18.0908 19.5 16.5V7.5C19.4983 5.90923 18.8656 4.38412 17.7407 3.25928C16.6159 2.13444 15.0908 1.50174 13.5 1.5ZM13.7194 15.2194C13.8601 15.0786 14.051 14.9996 14.25 14.9996C14.449 14.9996 14.6399 15.0786 14.7806 15.2194C14.9214 15.3601 15.0004 15.551 15.0004 15.75C15.0004 15.949 14.9214 16.1399 14.7806 16.2806L12.5306 18.5306C12.461 18.6004 12.3783 18.6558 12.2872 18.6935C12.1962 18.7312 12.0986 18.7506 12 18.7506C11.9014 18.7506 11.8038 18.7311 11.7128 18.6934C11.6217 18.6557 11.539 18.6004 11.4694 18.5306L9.21937 16.2806C9.14969 16.2109 9.09442 16.1282 9.0567 16.0372C9.01899 15.9461 8.99958 15.8485 8.99958 15.75C8.99958 15.6515 9.01899 15.5539 9.0567 15.4628C9.09442 15.3718 9.14969 15.2891 9.21937 15.2194C9.28906 15.1497 9.37178 15.0944 9.46283 15.0567C9.55387 15.019 9.65145 14.9996 9.75 14.9996C9.84855 14.9996 9.94613 15.019 10.0372 15.0567C10.1282 15.0944 10.2109 15.1497 10.2806 15.2194L11.25 16.1897V7.81031L10.2806 8.78063C10.2109 8.85031 10.1282 8.90558 10.0372 8.9433C9.94613 8.98101 9.84855 9.00042 9.75 9.00042C9.65145 9.00042 9.55387 8.98101 9.46283 8.9433C9.37178 8.90558 9.28906 8.85031 9.21937 8.78063C9.14969 8.71094 9.09442 8.62822 9.0567 8.53717C9.01899 8.44613 8.99958 8.34855 8.99958 8.25C8.99958 8.15145 9.01899 8.05387 9.0567 7.96283C9.09442 7.87178 9.14969 7.78906 9.21937 7.71937L11.4694 5.46938C11.539 5.39964 11.6217 5.34432 11.7128 5.30658C11.8038 5.26884 11.9014 5.24941 12 5.24941C12.0986 5.24941 12.1962 5.26884 12.2872 5.30658C12.3783 5.34432 12.461 5.39964 12.5306 5.46938L14.7806 7.71937C14.9186 7.86067 14.9954 8.05067 14.9942 8.24818C14.9931 8.44568 14.9141 8.63477 14.7744 8.77443C14.6348 8.9141 14.4457 8.99307 14.2482 8.99423C14.0507 8.99539 13.8607 8.91864 13.7194 8.78063L12.75 7.81031V16.1897L13.7194 15.2194Z"
        fill="currentColor"
      />
    </svg>
  );
});

ReactWheelPicker.displayName = "ReactWheelPicker";

ReactWheelPicker.metadata = {
  name: "ReactWheelPicker",
  category: "icon/library",
  tags: ["react", "wheel", "picker", "icon"],
  description: "ReactWheelPicker icon from icon/library category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default ReactWheelPicker;