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

const viewBox = {"width":64,"height":64};
const content = `<style>.a6tlw0a {
  fill: #fff;
  d: path("M26 44c1.2-2.4 3.4-4 6-4s4.8 1.6 6 4z");
}

.d84rfeb {
  d: path("M28.6 19.8L16.5 32c-.8.8-3.6-2-2.8-2.8L25.9 17c.7-.7 3.5 2.1 2.7 2.8");
}

.dm1_cuu {
  d: path("M47.5 32L35.4 19.8c-.8-.8 2-3.6 2.8-2.8l12.2 12.2c.7.8-2.1 3.6-2.9 2.8");
}

.i4hzrmud {
  d: path("M25.8 32L13.7 19.8c-.8-.8 2-3.6 2.8-2.8l12.2 12.2c.7.8-2.1 3.6-2.9 2.8m24.5-12.2L38.2 32c-.8.8-3.6-2-2.8-2.8L47.6 17c.7-.7 3.5 2.1 2.7 2.8");
}

.j2cpx7b {
  fill: #664e27;
}

.mcmuhhb {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #ffdd67;
}

.x8_tdde {
  cx: 32px;
  cy: 47px;
  r: 9px;
}
</style><circle class="mcmuhhb"/><g class="j2cpx7b"><path class="d84rfeb"/><path class="i4hzrmud"/><path class="dm1_cuu"/><circle class="x8_tdde"/></g><path class="a6tlw0a"/>`;

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

export default Component;
