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

const viewBox = {"width":36,"height":36};
const content = `<style>.atq0opb {
  fill: #DCA841;
  cx: 8.5px;
  cy: 18.5px;
  rx: 1.5px;
  ry: .5px;
}

.cnmmuoz {
  fill: #EEE;
  cx: 8.5px;
  cy: 18px;
  rx: 3.5px;
  ry: 4px;
}

.ddl74nbg {
  fill: #002B7F;
  d: path("M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v18z");
}

.eo0i-ibl {
  fill: #F4CB58;
  d: path("M10.269 19.5c0 .828-.792 2.079-1.769 2.079S6.731 20.328 6.731 19.5c0-.829.792-1.5 1.769-1.5s1.769.671 1.769 1.5z");
}

.kw_xibc {
  fill: #EEE;
  d: path("M0 9h36v18H0z");
}

.l3rmg7v {
  fill: #DCA841;
  cx: 8.5px;
  cy: 19.5px;
  rx: 2.5px;
  ry: 1.5px;
}

.lz1kizb {
  fill: #89C5E4;
  cx: 8.5px;
  cy: 16px;
  rx: 1.5px;
  ry: 1px;
}

.okdhwcbf {
  fill: #89C5E4;
  d: path("M10 18c0 1.104-.671 2-1.5 2S7 19.104 7 18s.671-1.498 1.5-1.498S10 16.896 10 18z");
}

.omuh27b {
  fill: #088930;
  cx: 8.5px;
  cy: 18.5px;
  rx: 1.5px;
  ry: 2.5px;
}

.qef1aby {
  fill: #CE1225;
  d: path("M0 13h36v10H0z");
}

.z_c0z8e {
  fill: #DCA841;
  cx: 8.5px;
  cy: 16.5px;
  rx: 1.5px;
  ry: .5px;
}
</style><path class="ddl74nbg"/><path class="kw_xibc"/><path class="qef1aby"/><ellipse class="cnmmuoz"/><path class="eo0i-ibl"/><ellipse class="l3rmg7v"/><ellipse class="lz1kizb"/><ellipse class="omuh27b"/><ellipse class="z_c0z8e"/><path class="okdhwcbf"/><ellipse class="atq0opb"/>`;

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

export default Component;
