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

const viewBox = {"width":36,"height":36};
const content = `<style>.c9fu1je {
  cx: 5px;
  cy: 18px;
  r: 2px;
  fill: #ffac33;
}

.f1lxf7bj {
  fill: #ffac33;
  d: path("M18 8C12.477 8 8 12.477 8 18s4.477 10 10 10s10-4.477 10-10S23.523 8 18 8m0 16a6 6 0 1 1 0-12a6 6 0 0 1 0 12");
}

.kuaz5db {
  cx: 31px;
  cy: 18px;
  r: 2px;
  fill: #ffac33;
}

.pyyxcxk {
  cx: 18px;
  cy: 31px;
  r: 2px;
  fill: #ffac33;
}

.s1p-e4ge {
  fill: #ffac33;
  d: path("M28.605 10.222a2 2 0 1 0-2.83-2.829a2 2 0 0 0 2.83 2.829M10.222 28.606a2 2 0 1 1-2.828-2.828a2 2 0 0 1 2.828 2.828");
}

.yqkejjr {
  cx: 18px;
  cy: 5px;
  r: 2px;
  fill: #ffac33;
}

.zkujw3bx {
  fill: #ffac33;
  d: path("M10.222 7.394a2 2 0 1 0-2.828 2.828a2 2 0 0 0 2.828-2.828m18.384 18.384a2 2 0 1 1-2.828 2.828a2 2 0 0 1 2.828-2.828");
}
</style><path class="f1lxf7bj"/><circle class="yqkejjr"/><circle class="pyyxcxk"/><path class="zkujw3bx"/><circle class="c9fu1je"/><circle class="kuaz5db"/><path class="s1p-e4ge"/>`;

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

export default Component;
