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

const viewBox = {"width":36,"height":36};
const content = `<style>.e9t9cka {
  fill: #9268ca;
  d: path("M27 27H9a4 4 0 0 0-4 4v5h26v-5a4 4 0 0 0-4-4");
}

.j2b8oqb {
  fill: #af7e57;
  d: path("M15 22v6a3 3 0 1 0 6 0v-6z");
}

.ljyiecb {
  cx: 18px;
  cy: 23px;
  r: 1px;
  fill: #df1f32;
}

.p30azxbv {
  fill: #60352a;
  d: path("M19 0c-1.721 0-3.343.406-4.793 1.111A7 7 0 0 0 13 1a7 7 0 0 0-7 7v12h.018C6.201 26.467 11.489 31.656 18 31.656S29.799 26.467 29.982 20H30v-9c0-6.075-4.925-11-11-11");
}

.q-qtgbc {
  fill: #915a34;
  d: path("M19 19.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1");
}

.u6am-lgw {
  fill: #60352a;
  d: path("M14 16a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1");
}

.uedou_b {
  fill: #af7e57;
  d: path("M9 5v12c0 4.971 4.029 9 9 9s9-4.029 9-9V5z");
}

.v7-366e {
  fill: #7450a8;
  d: path("M9 32h1v4H9zm17 0h1v4h-1z");
}

.yj-dodb {
  fill: #60352a;
  d: path("M27.999 5L26 4H8v7c6 0 6-6 6-6s2 7 14 7z");
}
</style><path class="p30azxbv"/><path class="e9t9cka"/><path class="j2b8oqb"/><path class="uedou_b"/><path class="yj-dodb"/><path class="v7-366e"/><circle class="ljyiecb"/><path class="u6am-lgw"/><path class="q-qtgbc"/>`;

/** @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:woman-pouting-medium-dark-skin-tone"} {...others} />);
}

export default Component;
