import type { SVGProps } from "react";

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

/**
 * Cape Verde — CPV icon from flag category
 *
 * @example
 * <CPV size={16} />
 * <CPV size={32} className="text-primary" />
 */
export const CPV = ({ size = 16, ...props }: CPVProps) => (
  <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_1163)">
<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="#F0F0F0"/>
<path d="M12 24C15.6371 24 18.896 22.3817 21.0966 19.8261H2.90338C5.10402 22.3817 8.36291 24 12 24Z" fill="#0052B4"/>
<path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#0052B4"/>
<path d="M0.953796 16.6957C1.18512 17.2392 1.45555 17.762 1.76131 18.2609H22.2388C22.5444 17.7619 22.8148 17.2392 23.0463 16.6957H0.953796Z" fill="#D80027"/>
<path d="M8.57767 12.7827L8.77192 13.3805H9.40056L8.89201 13.75L9.08626 14.3479L8.57767 13.9783L8.06907 14.3479L8.26337 13.75L7.75482 13.3805H8.38346L8.57767 12.7827Z" fill="#FFDA44"/>
<path d="M8.57767 20.6087L8.77192 21.2066H9.40056L8.89201 21.5761L9.08626 22.1739L8.57767 21.8044L8.06907 22.1739L8.26337 21.5761L7.75482 21.2066H8.38346L8.57767 20.6087Z" fill="#FFDA44"/>
<path d="M4.93472 17.962L5.12897 18.5598H5.75761L5.24907 18.9293L5.44331 19.5272L4.93472 19.1577L4.42613 19.5272L4.62047 18.9293L4.11188 18.5598H4.74047L4.93472 17.962Z" fill="#FFDA44"/>
<path d="M6.32619 13.5652L6.52044 14.1631H7.14903L6.64053 14.5326L6.83478 15.1305L6.32619 14.761L5.81759 15.1305L6.01194 14.5326L5.5033 14.1631H6.13194L6.32619 13.5652Z" fill="#FFDA44"/>
<path d="M4.11188 16.0273L4.74038 16.0274L4.93467 15.4294L5.12897 16.0273L5.75761 16.0273L5.24902 16.3968L5.44331 16.9947L4.93467 16.6252L4.42613 16.9945L4.62038 16.3967L4.11188 16.0273Z" fill="#FFDA44"/>
<path d="M5.81769 21.2771L6.01194 20.6793L5.5033 20.3099H6.13194L6.32623 19.712L6.52053 20.3098H7.14912L6.64053 20.6793L6.83478 21.2772L6.32619 20.9077L5.81769 21.2771Z" fill="#FFDA44"/>
<path d="M12.2192 17.962L12.025 18.5598H11.3964L11.9049 18.9293L11.7106 19.5272L12.2192 19.1577L12.7278 19.5272L12.5335 18.9293L13.0421 18.5598H12.4135L12.2192 17.962Z" fill="#FFDA44"/>
<path d="M10.8277 13.5652L10.6335 14.1631H10.0049L10.5134 14.5326L10.3191 15.1305L10.8277 14.761L11.3363 15.1305L11.142 14.5326L11.6506 14.1631H11.022L10.8277 13.5652Z" fill="#FFDA44"/>
<path d="M13.0421 16.0273L12.4135 16.0274L12.2193 15.4294L12.025 16.0273L11.3964 16.0273L11.9049 16.3968L11.7106 16.9947L12.2193 16.6252L12.7278 16.9945L12.5335 16.3967L13.0421 16.0273Z" fill="#FFDA44"/>
<path d="M11.3363 21.2771L11.1421 20.6793L11.6507 20.3099H11.0221L10.8278 19.712L10.6335 20.3098H10.0049L10.5135 20.6793L10.3192 21.2772L10.8278 20.9077L11.3363 21.2771Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1163">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
