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

export const Discover: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Discover(
  {
    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="M20.25 5.25H3.75C2.50736 5.25 1.5 6.25736 1.5 7.5V16.5C1.5 17.7426 2.50736 18.75 3.75 18.75H20.25C21.4926 18.75 22.5 17.7426 22.5 16.5V7.5C22.5 6.25736 21.4926 5.25 20.25 5.25Z"
        fill="#fff"
      />
      <path
        d="M20.25 5.25H14.25C17.9783 5.25 21 8.27175 21 12C21 15.7283 17.9783 18.75 14.25 18.75H20.25C21.4928 18.75 22.5 17.7428 22.5 16.5V7.5C22.5 6.25725 21.4928 5.25 20.25 5.25Z"
        fill="#f47922"
      />
      <path
        d="M3.811 10.587H3V13.42H3.807C4.236 13.42 4.546 13.318 4.818 13.093 5.141 12.825 5.333 12.422 5.333 12.005 5.333 11.169 4.708 10.587 3.812 10.587H3.811ZM4.456 12.715C4.283 12.871 4.057 12.94 3.7 12.94H3.551V11.067H3.7C4.057 11.067 4.274 11.131 4.456 11.296 4.647 11.466 4.762 11.729 4.762 12.001 4.762 12.272 4.647 12.544 4.456 12.715ZM5.586 10.587H6.139V13.42H5.586V10.587ZM7.49 11.674C7.158 11.551 7.061 11.471 7.061 11.318 7.061 11.139 7.234 11.003 7.472 11.003 7.638 11.003 7.774 11.072 7.918 11.233L8.207 10.854C7.97 10.646 7.685 10.54 7.375 10.54 6.874 10.54 6.491 10.888 6.491 11.351 6.491 11.741 6.669 11.942 7.188 12.128 7.404 12.205 7.514 12.256 7.57 12.29 7.68 12.362 7.736 12.464 7.736 12.583 7.736 12.812 7.553 12.983 7.307 12.983 7.043 12.983 6.831 12.851 6.704 12.605L6.347 12.948C6.601 13.322 6.907 13.487 7.328 13.487 7.902 13.487 8.305 13.106 8.305 12.557 8.305 12.107 8.119 11.903 7.49 11.674H7.49ZM8.479 12.005C8.479 12.838 9.133 13.483 9.974 13.483 10.212 13.483 10.416 13.437 10.667 13.318V12.668C10.446 12.889 10.251 12.979 10.001 12.979 9.444 12.979 9.049 12.575 9.049 12.001 9.049 11.458 9.456 11.029 9.974 11.029 10.238 11.029 10.437 11.122 10.667 11.347V10.697C10.425 10.574 10.226 10.523 9.988 10.523 9.151 10.523 8.479 11.182 8.479 12.005ZM15.047 12.49 14.292 10.587H13.688L14.891 13.492H15.188L16.412 10.587H15.812L15.047 12.49ZM16.661 13.42H18.228V12.94H17.213V12.175H18.191V11.695H17.213V11.067H18.228V10.587H16.661V13.42ZM20.416 11.423C20.416 10.893 20.051 10.587 19.413 10.587H18.594V13.42H19.146V12.282H19.218L19.983 13.42H20.663L19.771 12.226C20.187 12.142 20.416 11.857 20.416 11.423ZM19.307 11.891H19.145V11.033H19.316C19.66 11.033 19.847 11.177 19.847 11.453 19.847 11.738 19.661 11.891 19.307 11.891Z"
        fill="#231f20"
      />
      <path
        d="M13.8457 12C13.8457 12.8288 13.1745 13.5 12.3457 13.5C11.517 13.5 10.8457 12.8288 10.8457 12C10.8457 11.1712 11.517 10.5 12.3457 10.5C13.1745 10.5 13.8457 11.1712 13.8457 12Z"
        fill="#f47922"
      />
    </svg>
  );
});

Discover.displayName = "Discover";

Discover.metadata = {
  name: "Discover",
  category: "symbols/cards",
  tags: ["discover", "icon"],
  description: "Discover icon from symbols/cards category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Discover;