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

const viewBox = {"width":64,"height":64};
const content = `<style>.erjiybv {
  fill: #2a5f9e;
  d: path("M32 2C15.4 2 2 15.4 2 32h30z");
}

.f7qplxb {
  cx: 19px;
  cy: 19px;
  r: 5.7px;
  fill: #428bc1;
}

.o6z3-8b {
  cx: 19px;
  cy: 19px;
  r: 5px;
  fill: #fff;
}

.sr68t5bw {
  fill: #fff;
  d: path("m24 20.3l5-1.3l-5-1.3l3.7-3.7l-5 1.3l1.3-5l-3.7 3.7L19 9l-1.3 5l-3.7-3.7l1.3 5l-5-1.3l3.7 3.7L9 19l5 1.3l-3.7 3.7l5-1.3l-1.3 5l3.7-3.7l1.3 5l1.3-5l3.7 3.7l-1.3-5l5 1.3z");
}

.y7t-1mb {
  fill: #ed4c5c;
  d: path("M32 2v30H2c0 16.6 13.4 30 30 30s30-13.4 30-30S48.6 2 32 2");
}
</style><path class="y7t-1mb"/><path class="erjiybv"/><path class="sr68t5bw"/><circle class="f7qplxb"/><circle class="o6z3-8b"/>`;

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

export default Component;
