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

export const Eftpos: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Eftpos(
    {
      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="#e50056"
        />
        <path
          d="M4.666 10.642C3.581 10.642 3 11.294 3 12.14V12.164C3 13.013 3.461 13.57 4.618 13.57 5.453 13.57 6.014 13.301 6.254 12.668H5.448C5.328 12.874 5.102 12.989 4.67 12.989 4.08 12.989 3.787 12.773 3.71 12.38H6.293V12.087C6.293 11.252 5.731 10.643 4.665 10.643L4.666 10.642ZM3.72 11.832C3.816 11.444 4.133 11.218 4.68 11.218 5.213 11.218 5.486 11.414 5.558 11.832H3.72ZM9.552 9.98H8.928C8.928 10.104 8.924 10.306 8.9 10.436 8.856 10.666 8.799 10.715 8.592 10.734 8.462 10.744 8.318 10.744 8.18 10.744H7.69V10.628C7.69 10.211 7.772 10.134 8.136 10.134H8.378V9.539H8.055C7.259 9.539 6.985 9.807 6.985 10.599V10.744H6.337V11.367H6.985V13.489H7.685L7.69 11.367H8.852V12.231C8.852 13.167 9.101 13.489 10.018 13.489H10.541V12.831H10.21C9.644 12.831 9.552 12.749 9.552 12.111V11.367H10.541V10.744H9.552V9.98 9.98ZM12.734 10.651C12.197 10.651 11.784 10.872 11.573 11.251L11.511 10.743H10.881V14.462H11.606V13.051C11.802 13.377 12.162 13.559 12.714 13.559 13.492 13.559 14.135 13.089 14.135 12.143V12.119C14.135 11.164 13.597 10.651 12.733 10.651L12.734 10.651ZM13.382 12.139C13.382 12.663 13.109 12.951 12.485 12.951 11.894 12.951 11.592 12.658 11.592 12.135V12.115C11.592 11.573 11.933 11.251 12.494 11.251 13.085 11.251 13.382 11.549 13.382 12.12V12.139ZM16.07 10.642C15.086 10.642 14.419 11.194 14.419 12.116V12.144C14.419 13.042 14.913 13.57 16.055 13.57 17.164 13.57 17.726 13.018 17.726 12.144V12.116C17.726 11.184 17.074 10.642 16.07 10.642ZM16.973 12.14C16.973 12.663 16.699 12.951 16.07 12.951 15.466 12.951 15.173 12.668 15.173 12.14V12.116C15.173 11.549 15.499 11.252 16.08 11.252 16.676 11.252 16.973 11.559 16.973 12.116V12.14ZM19.637 11.808C18.921 11.76 18.725 11.712 18.725 11.51 18.725 11.342 18.864 11.198 19.377 11.198 19.829 11.198 20.107 11.304 20.169 11.578H20.957C20.808 10.958 20.318 10.642 19.387 10.642 18.455 10.642 18.005 11.036 18.005 11.568 18.005 12.14 18.485 12.322 19.339 12.37 20.049 12.408 20.27 12.452 20.27 12.658 20.27 12.86 20.098 12.984 19.579 12.984 19.046 12.984 18.806 12.869 18.729 12.576H17.894C18.014 13.238 18.532 13.57 19.55 13.57 20.514 13.57 20.999 13.176 20.999 12.629 20.999 12.039 20.587 11.866 19.636 11.809L19.637 11.808Z"
          fill="#fff"
        />
      </svg>
    );
  },
);

Eftpos.displayName = "Eftpos";

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

export default Eftpos;