import React from 'react'
import { type LucideProps } from 'lucide-react'

const Mastercard: React.FC<LucideProps> = (props: LucideProps) => (
	<svg
    viewBox="0 0 38 24"
    xmlns="http://www.w3.org/2000/svg"
    role="img"
    aria-labelledby="pi-master"
    {...props}
  >
    <title id="pi-master">Mastercard</title>
    <path
      opacity=".07"
      d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"
    />
    <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" />
    <circle fill="#EB001B" cx="15" cy="12" r="7" />
    <circle fill="#F79E1B" cx="23" cy="12" r="7" />
    <path
      fill="#FF5F00"
      d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"
    />
  </svg>
)

export default Mastercard