import type { SVGProps } from "react";

export interface PaypalOriginalProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * PaypalOriginal icon from social-media category
 *
 * @example
 * <PaypalOriginal size={16} />
 * <PaypalOriginal size={32} className="text-primary" />
 */
export const PaypalOriginal = ({ size = 16, ...props }: PaypalOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path clipRule="evenodd" d="M10.5381 5.67914H17.2755C20.8929 5.67914 22.2546 7.51044 22.0442 10.2009C21.6964 14.6426 19.0111 17.1 15.4494 17.1H13.6511C13.1624 17.1 12.8337 17.4235 12.7016 18.3L11.9381 23.3957C11.8877 23.7261 11.7137 23.9174 11.4529 23.9435H7.21983C6.82157 23.9435 6.6807 23.6391 6.78505 22.98L9.36592 6.64436C9.46679 5.99045 9.82505 5.67914 10.5381 5.67914Z" fill="#009EE3" fillRule="evenodd"/>
<path clipRule="evenodd" d="M6.32418 0.0565186H13.0685C14.9677 0.0565186 17.2216 0.117388 18.7277 1.44782C19.7346 2.33652 20.2633 3.75043 20.1416 5.27391C19.7277 10.4235 16.6477 13.3087 12.5155 13.3087H9.19026C8.62331 13.3087 8.24939 13.6843 8.08939 14.7L7.1607 20.613C7.09983 20.9956 6.93461 21.2217 6.63896 21.2496H2.47722C2.01635 21.2496 1.85287 20.9017 1.97287 20.133L4.96418 1.18C5.08418 0.418256 5.50331 0.0565186 6.32418 0.0565186Z" fill="#113984" fillRule="evenodd"/>
  </svg>
);