import type { SVGProps } from "react";

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

/**
 * Azerbaijan — AZE icon from flag category
 *
 * @example
 * <AZE size={16} />
 * <AZE size={32} className="text-primary" />
 */
export const AZE = ({ size = 16, ...props }: AZEProps) => (
  <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_888)">
<path d="M24 12C24 10.5321 23.736 9.12602 23.2536 7.82609L12 7.30432L0.746391 7.82604C0.264047 9.12602 0 10.5321 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 16.6956L23.2536 16.1739C23.736 14.8739 24 13.4678 24 12Z" fill="#D80027"/>
<path d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z" fill="#6DA544"/>
<path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611Z" fill="#338AF3"/>
<path d="M12.2609 15.3913C10.388 15.3913 8.86958 13.8729 8.86958 12C8.86958 10.127 10.388 8.60867 12.2609 8.60867C12.8449 8.60867 13.3944 8.75633 13.8741 9.0163C13.1215 8.28032 12.0923 7.82605 10.9565 7.82605C8.65133 7.82605 6.78265 9.69477 6.78265 11.9999C6.78265 14.3051 8.65137 16.1738 10.9565 16.1738C12.0923 16.1738 13.1215 15.7196 13.8741 14.9836C13.3944 15.2436 12.8449 15.3913 12.2609 15.3913Z" fill="#F0F0F0"/>
<path d="M14.8696 9.65216L15.3188 10.9155L16.5297 10.3398L15.9541 11.5507L17.2174 12L15.9541 12.4492L16.5297 13.6602L15.3188 13.0845L14.8696 14.3478L14.4204 13.0845L13.2094 13.6602L13.7851 12.4492L12.5217 12L13.7851 11.5507L13.2094 10.3398L14.4204 10.9155L14.8696 9.65216Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_888">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);