import type { SVGProps } from "react";

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

/**
 * Albania — ALB icon from flag category
 *
 * @example
 * <ALB size={16} />
 * <ALB size={32} className="text-primary" />
 */
export const ALB = ({ size = 16, ...props }: ALBProps) => (
  <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_794)">
<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="M18.7826 8.90669H14.4361C14.7044 8.62572 14.8695 8.24533 14.8695 7.82613C14.8695 6.96171 14.1688 6.26093 13.3043 6.26093C12.7597 6.26093 12.2803 6.53918 12 6.9611C11.7196 6.53918 11.2402 6.26093 10.6956 6.26093C9.83122 6.26093 9.13044 6.96171 9.13044 7.82613C9.13044 8.24533 9.29558 8.62577 9.56389 8.90669H5.21741C5.21741 10.0593 6.22133 10.9936 7.37385 10.9936H7.30428C7.30428 12.1463 8.23864 13.0806 9.3913 13.0806C9.3913 13.4539 9.48969 13.8039 9.66144 14.1069L7.93034 15.838L9.2585 17.1661L11.1425 15.2822C11.2163 15.3092 11.2926 15.3309 11.3715 15.3457L10.233 17.9161L12 19.8261L13.7669 17.916L12.6285 15.3456C12.7074 15.3308 12.7837 15.3092 12.8575 15.2821L14.7415 17.166L16.0696 15.8379L14.3385 14.1068C14.5103 13.8038 14.6087 13.4538 14.6087 13.0805C15.7613 13.0805 16.6956 12.1462 16.6956 10.9935H16.6261C17.7786 10.9936 18.7826 10.0593 18.7826 8.90669Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_43_794">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
