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

const viewBox = {"width":64,"height":64};
const content = `<style>.gfbtp2bk {
  fill: #ed4c5c;
  d: path("M32 2c-7.6 0-14.6 2.9-19.9 7.6v44.9C17.4 59.1 24.4 62 32 62c16.6 0 30-13.4 30-30S48.6 2 32 2");
}

.ltmcizr {
  fill: #ffce31;
  d: path("M12.1 9.6q-1.95 1.8-3.6 3.9v37.1q1.65 2.1 3.6 3.9L42 32z");
}

.ouwvybc {
  fill: #3e4347;
  d: path("M8.4 13.4C4.4 18.5 2 25 2 32s2.4 13.5 6.4 18.6L27 32z");
}

.zy_53xbr {
  fill: #fff;
  d: path("m10.3 33.9l2.4 5.1l1-5.3l5.3-.4l-4.8-3l1-5.3l-3.9 3.5l-4.8-2.9l2.4 5.1L5 34.3z");
}
</style><path class="gfbtp2bk"/><path class="ltmcizr"/><path class="ouwvybc"/><path class="zy_53xbr"/>`;

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

export default Component;
