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

const viewBox = {"width":36,"height":36};
const content = `<style>.c5vj4hky {
  fill: #EA0B19;
  d: path("M1.371 30.01c.703.615 1.621.99 2.629.99h28a4 4 0 0 0 4-4v-1H6.923l-5.552 4.01z");
}

.eag-82x {
  fill: #EA0B19;
  d: path("M32 5H4a3.978 3.978 0 0 0-2.629.99L6.923 10H36V9a4 4 0 0 0-4-4z");
}

.htl4-pxo {
  fill: #0F55EC;
  d: path("M13.846 21L18 18l-4.154-3l-6.923-5l-5.552-4.01A3.988 3.988 0 0 0 0 9v18c0 1.201.532 2.276 1.371 3.01L6.923 26l6.923-5z");
}

.m7e0dfj {
  fill: #EA0B19;
  d: path("M18 18l-4.154 3H36v-6H13.846z");
}

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

.xqzntbvt {
  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");
}

.ygy_cib {
  fill: #EEE;
  d: path("M13.846 15H36v-5H6.923z");
}
</style><path class="eag-82x"/><path class="ygy_cib"/><path class="m7e0dfj"/><path class="pxmy_bb"/><path class="c5vj4hky"/><path class="htl4-pxo"/><path class="xqzntbvt"/>`;

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

export default Component;
