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

const viewBox = {"width":64,"height":64};
const content = `<style>.c333i0od {
  d: path("M5 45c.7 1.4 1.5 2.7 2.3 4h49.4c.9-1.3 1.7-2.6 2.3-4zm54-26c-.7-1.4-1.5-2.7-2.3-4H7.3c-.9 1.3-1.7 2.6-2.3 4z");
}

.c6pedcb {
  fill: #fff;
}

.fldm03b {
  cx: 18px;
  cy: 32px;
  r: 11px;
}

.ioiv_5be {
  fill: #2a5f9e;
  d: path("M32 2C21.7 2 12.7 7.1 7.3 15h49.4C51.3 7.1 42.3 2 32 2m0 60c10.3 0 19.3-5.1 24.7-13H7.3c5.4 7.9 14.4 13 24.7 13");
}

.jyoek-ba {
  fill: #ed4c5c;
  d: path("M59 19H5c-1.9 3.9-3 8.3-3 13s1.1 9.1 3 13h54c1.9-3.9 3-8.3 3-13s-1.1-9.1-3-13");
}

.m3xh9eiu {
  fill: #ed4c5c;
  d: path("m18 35.9l4.9 3.8l-1.8-6.1l4.9-3.8h-6.1L18 23.7l-1.9 6.1H10l4.9 3.8l-1.8 6.1z");
}
</style><path class="ioiv_5be"/><path class="jyoek-ba"/><g class="c6pedcb"><path class="c333i0od"/><circle class="fldm03b"/></g><path class="m3xh9eiu"/>`;

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

export default Component;
