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

const viewBox = {"width":64,"height":64};
const content = `<style>.dvso20bo {
  fill: #ed4c5c;
  d: path("M45 9.3c-.9-.5-15.8-8.2-18-9.3v20.7c2.2-1.1 17.1-8.8 18-9.3c.7-.3.7-1.7 0-2.1");
}

.gybk1rm {
  cx: 32px;
  cy: 49.7px;
  fill: #97b113;
  rx: 30px;
  ry: 12.3px;
}

.nnjlblb {
  fill: #89664c;
  d: path("M25 52.2h2V54h-2z");
}

.ob1g3ow {
  fill: #1e1e1e;
  d: path("M28 53.9s-.9.1-2.4.1v-7.2H28z");
  opacity: .5;
}

.ow3_c8h {
  fill: #d3976e;
  d: path("M25 0h2v54h-2z");
}

.sy0vslbg {
  fill: #3d2905;
  d: path("M26.6 48.2c4.2 0 7.7 1.2 8.5 2.9c.1-.3.2-.5.2-.8c0-2-3.9-3.7-8.7-3.7s-8.7 1.6-8.7 3.7c0 .3.1.5.2.8c.9-1.6 4.3-2.9 8.5-2.9");
}

.tthzrfb {
  cx: 26.6px;
  cy: 50.3px;
  fill: #c7c7c7;
  rx: 8.7px;
  ry: 3.7px;
}

.vd-0d5z {
  fill: #1e1e1e;
  d: path("M28 47s3-6.6 5.6-9.6h-.9S28 43.1 26 46.7z");
  opacity: .3;
}
</style><ellipse class="gybk1rm"/><path class="vd-0d5z"/><ellipse class="tthzrfb"/><path class="sy0vslbg"/><path class="dvso20bo"/><path class="ob1g3ow"/><path class="ow3_c8h"/><path class="nnjlblb"/>`;

/** @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={"emojione:flag-in-hole"} {...others} />);
}

export default Component;
