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

const viewBox = {"width":36,"height":36};
const content = `<style>.lbp-79d {
  cx: 14.983px;
  cy: 15px;
  r: 2px;
  fill: #f5f8fa;
}

.m57z4_bc {
  fill: #f5f8fa;
  d: path("M33.817 18c0 2.904-7.087 9.667-15.826 9.667S2.166 21.732 2.166 18c0-2.912 7.085-9.666 15.825-9.666C26.73 8.333 33.817 15.088 33.817 18");
}

.pn5be1y {
  fill: #292f33;
  d: path("M35.059 18H.925c0-3.313 7.642-11 17.067-11s17.067 7.686 17.067 11");
}

.pxs7s1b {
  cx: 18px;
  cy: 18px;
  r: 8.458px;
  fill: #8b5e3c;
}

.vveatnbv {
  fill: #e1e8ed;
  d: path("M35.059 18c0 3.304-7.642 11-17.067 11S.925 22.249.925 18c0-3.314 34.134-3.314 34.134 0");
}

.w-h9ibi {
  cx: 18px;
  cy: 18px;
  r: 4.708px;
  fill: #292f33;
}
</style><path class="vveatnbv"/><path class="pn5be1y"/><path class="m57z4_bc"/><circle class="pxs7s1b"/><circle class="w-h9ibi"/><circle class="lbp-79d"/>`;

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

export default Component;
