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

const viewBox = {"width":36,"height":36};
const content = `<style>.bfch4eb {
  fill: #ea0b19;
  d: path("m18 18l-4.154 3H36v-6H13.846z");
}

.psmwcgbh {
  fill: #fff;
  d: path("m8.187 18.838l2.313-1.675H7.641l-.888-2.726l-.89 2.726H3l2.315 1.677l-.89 2.723l2.325-1.684l2.325 1.684z");
}

.q90uz_b {
  fill: #eee;
  d: path("M6.923 26H36v-5H13.846z");
}

.ri70i0b {
  fill: #ea0b19;
  d: path("M32 5H4a3.98 3.98 0 0 0-2.629.99L6.923 10H36V9a4 4 0 0 0-4-4");
}

.s_cndvbn {
  fill: #0f55ec;
  d: path("M13.846 21L18 18l-4.154-3l-6.923-5l-5.552-4.01A4 4 0 0 0 0 9v18c0 1.201.532 2.276 1.371 3.01L6.923 26z");
}

.yolvfeek {
  fill: #ea0b19;
  d: path("M1.371 30.01c.703.615 1.621.99 2.629.99h28a4 4 0 0 0 4-4v-1H6.923z");
}

.z4j6pqb {
  fill: #eee;
  d: path("M13.846 15H36v-5H6.923z");
}
</style><path class="ri70i0b"/><path class="z4j6pqb"/><path class="bfch4eb"/><path class="q90uz_b"/><path class="yolvfeek"/><path class="s_cndvbn"/><path class="psmwcgbh"/>`;

/** @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={"twemoji:flag-puerto-rico"} {...others} />);
}

export default Component;
