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

const viewBox = {"width":64,"height":64};
const content = `<style>.etosn2n {
  cx: 42.6px;
  cy: 42.6px;
  r: 5.6px;
}

.gabpe8b {
  cx: 21.4px;
  cy: 21.4px;
  r: 5.6px;
  fill: #f5f5f5;
}

.pg6vtiaz {
  d: path("M10.8 53.2C-.9 41.5-.9 22.5 10.8 10.8c5.9-5.9 15.4-5.9 21.2 0c5.9 5.9 5.9 15.4 0 21.2s-5.9 15.4 0 21.2s15.4 5.9 21.2 0c-11.7 11.7-30.7 11.7-42.4 0");
}

.sd6x49ky {
  fill: #f5f5f5;
  d: path("M53.2 10.8c11.7 11.7 11.7 30.7 0 42.4c-5.9 5.9-15.4 5.9-21.2 0S26.1 37.9 32 32s5.9-15.4 0-21.2s-15.4-5.9-21.2 0C22.5-.9 41.5-.9 53.2 10.8");
}

.tyi0eob {
  fill: #3e4347;
}
</style><path class="sd6x49ky"/><g class="tyi0eob"><path class="pg6vtiaz"/><circle class="etosn2n"/></g><circle class="gabpe8b"/>`;

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

export default Component;
