import type { SVGProps } from "react";

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

/**
 * Åland Islands — ALA icon from flag category
 *
 * @example
 * <ALA size={16} />
 * <ALA size={32} className="text-primary" />
 */
export const ALA = ({ size = 16, ...props }: ALAProps) => (
  <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_786)">
<path d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86954L10.9565 0.0456543C8.61178 0.247686 6.46008 1.12378 4.69566 2.47945L0.413391 8.86954C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"/>
<path d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9395 4.69566 21.5205V15.1304H0.413391Z" fill="#0052B4"/>
<path d="M10.9565 23.9543C11.3005 23.9839 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z" fill="#0052B4"/>
<path d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"/>
<path d="M4.69566 2.47943C2.63794 4.06052 1.1077 6.29332 0.413391 8.86952H4.69566V2.47943Z" fill="#0052B4"/>
<path d="M23.8984 10.4348H9.39136H9.39131V0.285217C8.28234 0.531124 7.23098 0.929702 6.26086 1.45906V10.4347H0.101578C0.0347813 10.9471 0 11.4695 0 12C0 12.5305 0.0347813 13.0528 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4688 9.39131 23.7147V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_786">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);