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

const viewBox = {"width":64,"height":64};
const content = `<style>.b_jukbb {
  fill: #f9f9f9;
  d: path("M14 56c5 3.8 11.2 6 18 6s13-2.2 18-6z");
}

.dm6suybu {
  fill: #ed4c5c;
  d: path("M32 26v6h30q0-3.15-.6-6zM4.5 44h55c.8-1.9 1.5-3.9 1.9-6H2.6c.4 2.1 1.1 4.1 1.9 6");
}

.erjiybv {
  fill: #2a5f9e;
  d: path("M32 2C15.4 2 2 15.4 2 32h30z");
}

.fxavmmf {
  fill: #ed4c5c;
  d: path("M32 2v6h18c-5-3.8-11.2-6-18-6");
}

.grloqs3r {
  fill: #f9f9f9;
  d: path("M32 14h24q-2.55-3.45-6-6H32zm27.5 6H32v6h29.4c-.4-2.1-1.1-4.1-1.9-6");
}

.hlcua4bn {
  fill: #fff;
  d: path("m20 22.2l5.6 3.8l-2.1-6.1l5.5-3.8h-6.9L20 10l-2.1 6.1H11l5.5 3.8l-2.1 6.1z");
}

.okzo6dl {
  fill: #ed4c5c;
  d: path("M8 50q2.55 3.45 6 6h36q3.45-2.55 6-6z");
}

.r-vn68t {
  fill: #f9f9f9;
  d: path("M61.4 38q.6-2.85.6-6H2q0 3.15.6 6z");
}

.vae687b {
  fill: #ed4c5c;
  d: path("M56 14H32v6h27.5c-.9-2.1-2.1-4.2-3.5-6");
}

.x3b-wca {
  fill: #f9f9f9;
  d: path("M8 50h48c1.4-1.8 2.6-3.9 3.5-6h-55c.9 2.1 2.1 4.2 3.5 6");
}
</style><path class="vae687b"/><path class="r-vn68t"/><path class="fxavmmf"/><path class="grloqs3r"/><path class="dm6suybu"/><path class="x3b-wca"/><path class="okzo6dl"/><path class="b_jukbb"/><path class="erjiybv"/><path class="hlcua4bn"/>`;

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

export default Component;
