import type { SVGProps } from "react";

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

/**
 * Mauritania — MRT icon from flag category
 *
 * @example
 * <MRT size={16} />
 * <MRT size={32} className="text-primary" />
 */
export const MRT = ({ size = 16, ...props }: MRTProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_43_1934)">
<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"/>
<path d="M12 13.8634C10.0019 13.8634 8.33269 12.4591 7.92314 10.5838C7.86024 10.8721 7.82611 11.1711 7.82611 11.4783C7.82611 13.7835 9.69478 15.6522 12 15.6522C14.3052 15.6522 16.1739 13.7835 16.1739 11.4783C16.1739 11.1711 16.1398 10.8721 16.0769 10.5838C15.6673 12.4591 13.9981 13.8634 12 13.8634Z" fill="#FFDA44"/>
<path d="M12 8.34784L12.3885 9.54357H13.6458L12.6287 10.2826L13.0172 11.4783L12 10.7393L10.9828 11.4783L11.3714 10.2826L10.3542 9.54357H11.6115L12 8.34784Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1934">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
