import type { SVGProps } from "react";

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

/**
 * Melilla icon from flag category
 *
 * @example
 * <Melilla size={16} />
 * <Melilla size={32} className="text-primary" />
 */
export const Melilla = ({ size = 16, ...props }: MelillaProps) => (
  <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_1944)">
<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="#338AF3"/>
<path d="M5.73914 13.0435H18.2609V14.6087H5.73914V13.0435Z" fill="#818085"/>
<path d="M7.82611 8.34783L12 8.86964L16.1739 8.34783V5.84348L14.5043 6.67828L12 4.17389L9.49566 6.67828L7.82611 5.84348V8.34783Z" fill="#FFDA44"/>
<path d="M6.7826 16.174H5.21735V13.3044L5.73911 12.5217L5.21735 11.7391V9.91309H6.7826V16.174Z" fill="#F0F0F0"/>
<path d="M18.7826 16.174H17.2173V9.91309H18.7826V11.7391L18.2608 12.5349L18.7826 13.3045V16.174Z" fill="#F0F0F0"/>
<path d="M5.21735 11.7391H18.7825V13.3043H5.21735V11.7391Z" fill="#ACABB1"/>
<path d="M12 18.2609C9.69849 18.2609 7.82611 16.3885 7.82611 14.087V8.3479H16.1739V14.087C16.1739 16.3885 14.3015 18.2609 12 18.2609Z" fill="#F0F0F0"/>
<path d="M12 16.6957C10.5615 16.6957 9.3913 15.5254 9.3913 14.087V9.91315H14.6087V14.087C14.6087 15.5254 13.4384 16.6957 12 16.6957Z" fill="#0052B4"/>
<path d="M7.82611 8.34784H9.39131V9.91304H7.82611V8.34784Z" fill="#D80027"/>
<path d="M14.6087 8.34784H16.1739V9.91304H14.6087V8.34784Z" fill="#D80027"/>
<path d="M14.6087 11.7391H16.1739V13.3043H14.6087V11.7391Z" fill="#D80027"/>
<path d="M7.82611 11.7391H9.39131V13.3043H7.82611V11.7391Z" fill="#D80027"/>
<path d="M11.2173 8.34784H12.7825V9.91304H11.2173V8.34784Z" fill="#D80027"/>
<path d="M12 16.6957C11.7273 16.6957 11.4645 16.6535 11.2173 16.5756V18.1862C11.471 18.2346 11.7324 18.2609 12 18.2609C12.2675 18.2609 12.5289 18.2346 12.7826 18.1862V16.5756C12.5354 16.6534 12.2726 16.6957 12 16.6957Z" fill="#D80027"/>
<path d="M9.42619 14.5104L8.17706 15.7596C8.39363 16.2526 8.70263 16.696 9.08241 17.0677L10.1887 15.9615C9.79388 15.5801 9.51886 15.0757 9.42619 14.5104Z" fill="#D80027"/>
<path d="M15.8229 15.7597L14.5738 14.5106C14.4811 15.0758 14.2061 15.5801 13.8114 15.9617L14.9177 17.0679C15.2973 16.6962 15.6064 16.2528 15.8229 15.7597Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_1944">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
