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

const viewBox = {"width":36,"height":36};
const content = `<style>.ds12-57k {
  fill: #31373d;
  d: path("M32.769 33.359c-2.739-3.286-3.903-6.569-4.397-8.746a1 1 0 0 0-1.336-.711l-7.112 2.749a1 1 0 0 0-.609.688c-.079.315-.019.665.211.896C25.492 34.216 31.945 35 32 35a1.002 1.002 0 0 0 .769-1.641");
}

.i99akbc {
  cx: 18px;
  cy: 16px;
  fill: #31373d;
  rx: 18px;
  ry: 14px;
}

.v1fvtwm {
  cx: 18px;
  cy: 16px;
  r: 5px;
  fill: #31373d;
}

.xbsdjpex {
  fill: #fff;
  d: path("M18 7c-4.963 0-9 4.037-9 9s4.037 9 9 9s9-4.037 9-9s-4.037-9-9-9m0 14a5 5 0 1 1 .001-10.001A5 5 0 0 1 18 21");
}
</style><path class="ds12-57k"/><ellipse class="i99akbc"/><circle class="v1fvtwm"/><path class="xbsdjpex"/>`;

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

export default Component;
