import type { SVGProps } from "react";

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

/**
 * MediumNeutral icon from social-media category
 *
 * @example
 * <MediumNeutral size={16} />
 * <MediumNeutral size={32} className="text-primary" />
 */
export const MediumNeutral = ({ size = 16, ...props }: MediumNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M6.76884 18.6552C10.5069 18.6552 13.5374 15.5984 13.5374 11.8277C13.5374 8.05698 10.5072 5 6.76884 5C3.0305 5 0 8.05767 0 11.8277C0 15.5977 3.03073 18.6552 6.76884 18.6552Z" fill="#111412"/>
<path d="M20.9628 11.8277C20.9628 15.377 19.4476 18.2555 17.5784 18.2555C15.7092 18.2555 14.194 15.377 14.194 11.8277C14.194 8.2784 15.709 5.39996 17.5782 5.39996C19.4473 5.39996 20.9628 8.27748 20.9628 11.8277Z" fill="#111412"/>
<path d="M24 11.8277C24 15.007 23.4671 17.586 22.8097 17.586C22.1522 17.586 21.6196 15.0077 21.6196 11.8277C21.6196 8.6477 22.1524 6.06946 22.8097 6.06946C23.4669 6.06946 24 8.64747 24 11.8277Z" fill="#111412"/>
  </svg>
);