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

const viewBox = {"width":36,"height":36};
const content = `<style>.ax51-3s {
  fill: #fedf01;
  d: path("M32.728 18L18 29.124L3.272 18L18 6.875z");
}

.bl-589bt {
  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 4z");
}

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

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

.tvbotkb {
  cx: 17.976px;
  cy: 17.924px;
  r: 6.458px;
  fill: #002776;
}

.x-pj64b {
  fill: #3b88c3;
  d: path("M19 20.233h1v1h-1z");
}

.x47asqbr {
  fill: #cbe9d4;
  d: path("M12.277 14.887a6.4 6.4 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.614");
}
</style><path class="bl-589bt"/><path class="ax51-3s"/><circle class="tvbotkb"/><path class="x47asqbr"/><path class="t_kggcc"/><path class="tmwffebc"/><path class="x-pj64b"/>`;

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

export default Component;
