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

const viewBox = {"width":64,"height":64};
const content = `<style>.hf9aqis {
  fill: #2a5f9e;
  d: path("M6 17c-2.5 4.4-4 9.5-4 15s1.5 10.6 4 15z");
}

.hlnztfq {
  fill: #ffce31;
  d: path("M56 14C50.5 6.7 41.8 2 32 2c-6.8 0-13 2.2-18 6l24 24z");
}

.ho9sbvb {
  fill: #699635;
  d: path("M38 32L14 56c5 3.8 11.2 6 18 6c9.8 0 18.5-4.7 24-12z");
}

.lm80mnb {
  fill: #ed4c5c;
  d: path("M56 50c3.8-5 6-11.2 6-18s-2.2-13-6-18L38 32z");
}

.olbiz3b {
  fill: #fff;
  d: path("M6 17v30c1.1 2 2.5 3.8 4 5.4V11.6c-1.5 1.7-2.9 3.5-4 5.4");
}

.sfqlo-e {
  fill: #ed4c5c;
  d: path("M10 11.6v40.8c1.2 1.3 2.6 2.5 4 3.6V8c-1.4 1.1-2.8 2.3-4 3.6");
}

.trx194b {
  cx: 38px;
  cy: 32px;
  r: 12px;
  fill: #fff;
}

.wk5eldt {
  fill: #2a5f9e;
  d: path("M14 8v48l24-24z");
}
</style><path class="wk5eldt"/><path class="hlnztfq"/><path class="lm80mnb"/><path class="ho9sbvb"/><path class="hf9aqis"/><path class="olbiz3b"/><path class="sfqlo-e"/><circle class="trx194b"/>`;

/** @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={"emojione:flag-for-flag-reunion"} {...others} />);
}

export default Component;
