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

const viewBox = {"width":64,"height":64};
const content = `<style>.gsm--ocv {
  fill: #4fd1d9;
  d: path("M32 21.2c-1 0-1.9.2-2.8.4c1.1.9 1.8 2.3 1.8 3.8c0 2.8-2.2 5-5 5c-1.1 0-2.1-.4-3-1v.7c0 5 4 9 9 9s9-4 9-9s-4-8.9-9-8.9");
}

.pv6t8xe {
  cx: 32px;
  cy: 30.2px;
  r: 15px;
  fill: #fff;
}

.yd3y1opl {
  fill: #4fd1d9;
  d: path("M55.6 41.7c4-4.4 6.4-8.9 6.4-11.5C62 24.3 48.6 7 32 7S2 24.3 2 30.2s13.4 23.2 30 23.2c4.6 0 9-1.3 12.9-3.4l10.7 7z");
}
</style><path class="yd3y1opl"/><circle class="pv6t8xe"/><path class="gsm--ocv"/>`;

/** @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:eye-in-speech-bubble"} {...others} />);
}

export default Component;
