import type { SVGProps } from "react";

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

/**
 * Maldives — MDV icon from flag category
 *
 * @example
 * <MDV size={16} />
 * <MDV size={32} className="text-primary" />
 */
export const MDV = ({ size = 16, ...props }: MDVProps) => (
  <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_1905)">
<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="#D80027"/>
<path d="M4.17395 6.26086H19.8261V17.7391H4.17395V6.26086Z" fill="#6DA544"/>
<path d="M13.9325 15.3913C12.0595 15.3913 10.5411 13.8729 10.5411 12C10.5411 10.127 12.0595 8.60867 13.9325 8.60867C14.5164 8.60867 15.0659 8.75633 15.5457 9.0163C14.7931 8.28032 13.7639 7.82605 12.6281 7.82605C10.323 7.82605 8.45422 9.69477 8.45422 11.9999C8.45422 14.3051 10.323 16.1738 12.6281 16.1738C13.7639 16.1738 14.7931 15.7196 15.5457 14.9836C15.0659 15.2436 14.5164 15.3913 13.9325 15.3913Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_1905">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);