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

const viewBox = {"width":36,"height":36};
const content = `<style>.jj9f3bb {
  fill: #99aab5;
  d: path("M32 18a2 2 0 0 0-2-2h-1a2 2 0 0 0 0 4h1a2 2 0 0 0 2-2");
}

.m49ca-ha {
  fill: #66757f;
  d: path("M23 22a1 1 0 0 1-.514-.143l-5-3A1 1 0 0 1 17 18v-7a1 1 0 0 1 2 0v6.434l4.516 2.708A1 1 0 0 1 23 22");
}

.nt2e8gbf {
  fill: #31373d;
  d: path("M25 32a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4z");
}

.qlekthks {
  fill: #ccd6dd;
  d: path("M6 18c0-6.627 5.373-12 12-12c6.628 0 12 5.373 12 12s-5.372 12-12 12c-6.627 0-12-5.373-12-12");
}

.s3syk9s {
  fill: #f5f8fa;
  d: path("M10 18a8 8 0 1 1 16 0a8 8 0 0 1-16 0");
}
</style><path class="nt2e8gbf"/><path class="jj9f3bb"/><path class="qlekthks"/><path class="s3syk9s"/><path class="m49ca-ha"/>`;

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

export default Component;
