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

const viewBox = {"width":64,"height":64};
const content = `<style>.acv4onb {
  fill: #f9f9f9;
  d: path("M11 10.6C5.4 16 2 23.6 2 32s3.4 16 9 21.4L32.4 32z");
}

.gmk479bn {
  fill: #c94747;
  d: path("m14 35.7l4.3 3.3l-1.6-5.3l4.3-3.5h-5.3L14 25l-1.6 5.2H7l4.3 3.5L9.7 39z");
}

.nlax_rb {
  fill: #42ade2;
  d: path("M11 32h51C62 15.4 48.6 2 32 2c-8.2 0-15.6 3.3-21 8.6z");
}

.rqx50pb {
  fill: #83bf4f;
  d: path("M11 32v21.4c5.4 5.3 12.8 8.6 21 8.6c16.6 0 30-13.4 30-30z");
}
</style><path class="rqx50pb"/><path class="nlax_rb"/><path class="acv4onb"/><path class="gmk479bn"/>`;

/** @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-djibouti"} {...others} />);
}

export default Component;
