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

const viewBox = {"width":64,"height":64};
const content = `<style>.im9h81h {
  fill: #333;
}

.kj-l2cc {
  cx: 32px;
  cy: 28px;
  r: 15px;
  fill: #fed0ac;
}

.rhz2jsb {
  fill: #d3976e;
  d: path("M3 53h8v2H3zm50 0h8v2h-8z");
}

.rr-he22l {
  fill: #594640;
  d: path("M60 40c-5 0-9-8-9-13c0-10-9-18-19-18s-19 8-19 18c0 5-4 13-9 13H0v13h64V40z");
}

.rr43gbcv {
  d: path("M40.1 30c.7 0 2.9-2 2.9-2s-2.2-2-2.9-2c-.6 0-1.1.6-1.3 1.4H31v1.2h7.8c.2.8.7 1.4 1.3 1.4");
}

.wocnhmv {
  cx: 32px;
  cy: 28px;
  r: 2px;
}

.xjljxmb {
  d: path("m32 13.7l-1 14h2z");
}
</style><path class="rr-he22l"/><circle class="kj-l2cc"/><g class="im9h81h"><circle class="wocnhmv"/><path class="rr43gbcv"/><path class="xjljxmb"/></g><path class="rhz2jsb"/>`;

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

export default Component;
