import type { SVGProps } from "react";

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

/**
 * Rapa Nui — RapaNui icon from flag category
 *
 * @example
 * <RapaNui size={16} />
 * <RapaNui size={32} className="text-primary" />
 */
export const RapaNui = ({ size = 16, ...props }: RapaNuiProps) => (
  <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_2267)">
<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="#FCFCFC"/>
<path d="M15.6522 9.91302V10.9565H17.0843C16.4867 11.7871 15.6906 12.4652 14.7656 12.9218C14.5284 12.6753 14.1952 12.5217 13.8261 12.5217C13.2038 12.5217 12.6837 12.9576 12.5534 13.5407C12.3711 13.5567 12.1865 13.5652 12 13.5652C11.8135 13.5652 11.629 13.5566 11.4466 13.5407C11.3163 12.9577 10.7962 12.5217 10.174 12.5217C9.80482 12.5217 9.47177 12.6753 9.2344 12.9218C8.30946 12.4653 7.51343 11.7871 6.91577 10.9565H8.34785V9.91302H4.69568C4.69568 13.947 7.96601 17.2174 12 17.2174C16.0341 17.2174 19.3044 13.947 19.3044 9.91302H15.6522Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_2267">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
