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

const viewBox = {"width":64,"height":64};
const content = `<style>.ieqj84v {
  fill: #ffce31;
  d: path("M56 14H32v12h29.4c-.9-4.4-2.8-8.5-5.4-12");
}

.me3ws4b {
  fill: #83bf4f;
  d: path("M32 2v12h24C50.5 6.7 41.8 2 32 2");
}

.p1vv35o {
  fill: #83bf4f;
  d: path("M56 50H8c5.5 7.3 14.2 12 24 12s18.5-4.7 24-12");
}

.re96y1bn {
  fill: #fff;
  d: path("m18 27.3l6.8 4.7l-2.6-7.6l6.8-4.8h-8.4L18 12l-2.6 7.6H7l6.8 4.8l-2.6 7.6z");
}

.u2f-hls {
  fill: #ed4c5c;
  d: path("M2 32q0 3.15.6 6H32V2C15.4 2 2 15.4 2 32");
}

.vpagxwj {
  fill: #ffce31;
  d: path("M8 50h48c2.6-3.5 4.5-7.6 5.4-12H2.6c.9 4.4 2.8 8.5 5.4 12");
}

.w07874d {
  fill: #83bf4f;
  d: path("M61.4 26H32v12h29.4q.6-2.85.6-6c0-3.15-.2-4.1-.6-6");
}
</style><path class="vpagxwj"/><path class="p1vv35o"/><path class="u2f-hls"/><path class="me3ws4b"/><path class="ieqj84v"/><path class="w07874d"/><path class="re96y1bn"/>`;

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

export default Component;
