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

const viewBox = {"width":36,"height":36};
const content = `<style>.ec40oxe {
  fill: #3B88C3;
  d: path("M19 20.233h1v1h-1z");
}

.eqyn06b {
  fill: #FEDF01;
  d: path("M32.728 18L18 29.124L3.272 18L18 6.875z");
}

.hvlqtkbm {
  fill: #009B3A;
  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");
}

.nzhfc6kn {
  fill: #CBE9D4;
  d: path("M12.277 14.887a6.406 6.406 0 0 0-.672 2.023c3.995-.29 9.417 1.891 11.744 4.595c.402-.604.7-1.28.883-2.004c-2.872-2.808-7.917-4.63-11.955-4.614z");
}

.ojw_y0bg {
  fill: #55ACEE;
  d: path("M15 18.233h1v1h-1zm2 1h1v1h-1zm4 2h1v1h-1zm-3 1h1v1h-1zm3-6h1v1h-1z");
}

.r1kqjcc {
  fill: #88C9F9;
  d: path("M12 18.233h1v1h-1zm1 2h1v1h-1z");
}

.tvbotkb {
  fill: #002776;
  cx: 17.976px;
  cy: 17.924px;
  r: 6.458px;
}
</style><path class="hvlqtkbm"/><path class="eqyn06b"/><circle class="tvbotkb"/><path class="nzhfc6kn"/><path class="r1kqjcc"/><path class="ojw_y0bg"/><path class="ec40oxe"/>`;

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

export default Component;
