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

const viewBox = {"width":64,"height":64};
const content = `<style>.hndn3fem {
  fill: #ff717f;
  d: path("M41.2 44H22.8c-.7 0-.8.3-.8.8v4C22 57.6 26.5 62 32 62s10-4.4 10-13.2v-4c0-.5-.1-.8-.8-.8");
}

.j2cpx7b {
  fill: #664e27;
}

.m-t2jqc {
  fill: #e2596c;
  d: path("M33.5 44L32 57.8L30.5 44z");
}

.mcmuhhb {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #ffdd67;
}

.o52vk7bd {
  d: path("M51 29.1C49.1 25 46.3 23 43.5 23s-5.6 2-7.5 6.1c-.2.4.8 1.2 1.3.8c1.8-1.5 4-2.1 6.2-2.1s4.4.6 6.2 2.1c.5.4 1.5-.4 1.3-.8M47.9 38H16.1c-.7 0-1.1.5-1.1 1c0 7.3 6 15 17 15s17-7.7 17-15c0-.5-.4-1-1.1-1");
}

.t0b6ykm {
  cx: 21.2px;
  cy: 24.6px;
  r: 4.5px;
}

.uyhg3l1f {
  fill: #fff;
  d: path("M31.2 24.6c0 5.5-4.5 10-10 10s-10-4.5-10-10s4.5-10 10-10c5.6 0 10 4.5 10 10");
}
</style><circle class="mcmuhhb"/><path class="uyhg3l1f"/><g class="j2cpx7b"><circle class="t0b6ykm"/><path class="o52vk7bd"/></g><path class="hndn3fem"/><path class="m-t2jqc"/>`;

/** @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:face-with-stuck-out-tongue-and-winking-eye"} {...others} />);
}

export default Component;
