import type { SVGProps } from "react";

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

/**
 * Ceuta icon from flag category
 *
 * @example
 * <Ceuta size={16} />
 * <Ceuta size={32} className="text-primary" />
 */
export const Ceuta = ({ size = 16, ...props }: CeutaProps) => (
  <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_1214)">
<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 0C8.68629 0 5.68629 1.34316 3.51471 3.51469L12 12V0Z" fill="black"/>
<path d="M0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853L12 12H0Z" fill="black"/>
<path d="M12 24C15.3137 24 18.3137 22.6568 20.4853 20.4853L12 12V24Z" fill="black"/>
<path d="M24 12C24 8.68629 22.6568 5.68629 20.4853 3.51471L12 12H24Z" fill="black"/>
<path d="M7.82611 8.34783L12 8.86969L16.1739 8.34783V5.84348L14.5043 6.67828L12 4.17389L9.49566 6.67828L7.82611 5.84348V8.34783Z" fill="#FFDA44"/>
<path d="M12 18.2608C9.69849 18.2608 7.82611 16.3884 7.82611 14.0869V9.91324L9.39131 8.3479H14.6087L16.1739 9.91324V14.0869C16.1739 16.3884 14.3015 18.2608 12 18.2608Z" fill="#D80027"/>
<path d="M12 16.6957C10.5615 16.6957 9.3913 15.5254 9.3913 14.087V9.91315H14.6087V14.0869C14.6087 15.5254 13.4384 16.6957 12 16.6957Z" fill="#F0F0F0"/>
<path d="M7.82611 8.34784H9.39131V9.91304H7.82611V8.34784Z" fill="#FFDA44"/>
<path d="M14.6087 8.34784H16.1739V9.91304H14.6087V8.34784Z" fill="#FFDA44"/>
<path d="M14.6087 11.7391H16.1739V13.3043H14.6087V11.7391Z" fill="#FFDA44"/>
<path d="M7.82611 11.7391H9.39131V13.3043H7.82611V11.7391Z" fill="#FFDA44"/>
<path d="M12 16.6957C11.7273 16.6957 11.4645 16.6535 11.2173 16.5756V18.1862C11.471 18.2346 11.7324 18.2609 12 18.2609C12.2675 18.2609 12.5289 18.2346 12.7826 18.1862V16.5756C12.5354 16.6534 12.2726 16.6957 12 16.6957Z" fill="#FFDA44"/>
<path d="M9.42619 14.5104L8.17706 15.7596C8.39363 16.2526 8.70263 16.696 9.08241 17.0677L10.1887 15.9615C9.79388 15.5801 9.51886 15.0757 9.42619 14.5104Z" fill="#FFDA44"/>
<path d="M15.8229 15.7597L14.5738 14.5106C14.4811 15.0758 14.2061 15.5801 13.8114 15.9617L14.9177 17.0679C15.2973 16.6962 15.6064 16.2528 15.8229 15.7597Z" fill="#FFDA44"/>
<path d="M11.4783 10.7827V11.6522C11.4783 11.9403 11.7118 12.1739 12 12.1739C12.2881 12.1739 12.5217 11.9403 12.5217 11.6522V10.7827H11.4783Z" fill="#0052B4"/>
<path d="M11.4783 14.2609V15.1305C11.4783 15.4185 11.7118 15.6522 12 15.6522C12.2881 15.6522 12.5217 15.4185 12.5217 15.1305V14.2609H11.4783Z" fill="#0052B4"/>
<path d="M13.0435 12.5217V13.3914C13.0435 13.6794 13.277 13.9131 13.5652 13.9131C13.8533 13.9131 14.0869 13.6794 14.0869 13.3914V12.5217H13.0435Z" fill="#0052B4"/>
<path d="M11.4783 12.5217V13.3914C11.4783 13.6794 11.7118 13.9131 12 13.9131C12.2881 13.9131 12.5217 13.6794 12.5217 13.3914V12.5217H11.4783Z" fill="#0052B4"/>
<path d="M9.91302 12.5217V13.3914C9.91302 13.6794 10.1466 13.9131 10.4347 13.9131C10.7229 13.9131 10.9565 13.6794 10.9565 13.3914V12.5217H9.91302Z" fill="#0052B4"/>
</g>
<defs>
<clipPath id="clip0_43_1214">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);