import type { SVGProps } from "react";

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

/**
 * Balearic Islands — BalearicIslands icon from flag category
 *
 * @example
 * <BalearicIslands size={16} />
 * <BalearicIslands size={32} className="text-primary" />
 */
export const BalearicIslands = ({ size = 16, ...props }: BalearicIslandsProps) => (
  <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_918)">
<path d="M12 6.10352e-05C18.6273 6.10352e-05 24 5.37268 24 12C24 18.6274 18.6273 24 12 24C5.37261 24 0 18.6274 0 12" fill="#FFDA44"/>
<path d="M11.7391 5.33335H21.9787C21.3044 4.32615 20.4816 3.42709 19.5418 2.66669H11.7391V5.33335Z" fill="#D80027"/>
<path d="M11.7391 10.6667H23.9259C23.8236 9.74203 23.6164 8.8492 23.3163 8.00006H11.7391V10.6667Z" fill="#D80027"/>
<path d="M0.683752 16H23.3161C23.6163 15.1509 23.8236 14.258 23.9258 13.3333H0.0740967C0.176284 14.258 0.383565 15.1509 0.683752 16Z" fill="#D80027"/>
<path d="M4.45815 21.3333H19.5417C20.4815 20.5729 21.3044 19.6738 21.9786 18.6666H2.02136C2.69561 19.6738 3.51836 20.5729 4.45815 21.3333Z" fill="#D80027"/>
<path d="M12 6.10352e-05C5.37262 6.10352e-05 -4.68746e-05 5.37267 3.06725e-10 12.0001C2.73871 12 5.37261 12.0001 12 12.0001L12 6.10352e-05Z" fill="#4A1F63"/>
<path d="M9.91302 6.26089V7.30437H9.3913V6.26089H8.34782V7.30437H7.8261V5.21741H5.73914V7.30437H5.21737V6.26089H4.17394V7.30437H3.65217V6.26089H2.60864V9.39129H10.9565V6.26089H9.91302Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_918">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
