import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":36,"height":36};
const content = `<style>.atcilca {
  fill: #EA596E;
  cx: 12px;
  cy: 14.5px;
  rx: 3px;
  ry: 1.5px;
}

.cd-04eb {
  fill: #DD2E44;
  d: path("M9 16h3v3H9z");
}

.gbkpwufz {
  fill: #C60A1D;
  d: path("M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v18z");
}

.hxb_82b {
  fill: #EA596E;
  d: path("M9 17v3a3 3 0 1 0 6 0v-3H9z");
}

.igvopib {
  fill: #FFC400;
  d: path("M0 12h36v12H0z");
}

.lejgs7e {
  fill: #FFAC33;
  cx: 12px;
  cy: 13.75px;
  rx: 3px;
  ry: .75px;
}

.s456lkb {
  fill: #F4A2B2;
  d: path("M12 16h3v3h-3z");
}

.uki97ug {
  fill: #99AAB5;
  d: path("M7 16h1v7H7zm9 0h1v7h-1z");
}

.x513avq {
  fill: #66757F;
  d: path("M6 22h3v1H6zm9 0h3v1h-3zm-8-7h1v1H7zm9 0h1v1h-1z");
}
</style><path class="gbkpwufz"/><path class="igvopib"/><path class="hxb_82b"/><path class="s456lkb"/><path class="cd-04eb"/><ellipse class="atcilca"/><ellipse class="lejgs7e"/><path class="uki97ug"/><path class="x513avq"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"twemoji:flag-for-ceuta-and-melilla"} {...others} />);
}

export default Component;
