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

const viewBox = {"width":64,"height":64};
const content = `<style>.am522-bj {
  fill: #231f20;
  d: path("M39.4 32c0 4.1-3.4 7.5-7.5 7.5s-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5");
}

.d5fxg58j {
  fill: #42ade2;
  d: path("M45.4 32c0 7.5-6 13.5-13.5 13.5s-13.5-6-13.5-13.5s6-13.5 13.5-13.5s13.5 6 13.5 13.5");
}

.og_vgsr {
  fill: #fff;
  d: path("M57 32s-8.4 16.7-25 16.7S7 32 7 32s8.4-16.7 25-16.7S57 32 57 32");
}

.w0ieo4w {
  fill: #231f20;
  d: path("M62 32S51.9 52 32 52S2 32 2 32s10.1-20 30-20s30 20 30 20");
}
</style><path class="w0ieo4w"/><path class="og_vgsr"/><path class="d5fxg58j"/><path class="am522-bj"/>`;

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

export default Component;
