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

const viewBox = {"width":64,"height":64};
const content = `<style>.bek3t0dz {
  fill: #9450e0;
  d: path("M32 45c-7.1 0-13-5.8-13-13c0-7.1 5.8-13 13-13s13 5.8 13 13c0 7.1-5.9 13-13 13m0-23.3c-5.7 0-10.3 4.6-10.3 10.3S26.3 42.3 32 42.3S42.3 37.7 42.3 32S37.7 21.7 32 21.7");
}

.gcnqaeb {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #c28fef;
}

.kdn_c0q {
  cx: 32px;
  cy: 32px;
  r: 6.6px;
  fill: #fff;
}

.uyhyusfg {
  fill: #ffc7ce;
  d: path("m32.2 42.6l9.2 13.6c6.8-2.6 12.2-8 14.8-14.8l-13.6-9.2c-.1 5.7-4.7 10.3-10.4 10.4m-.4-21.2L22.6 7.8c-6.8 2.6-12.2 8-14.8 14.8l13.6 9.2c.1-5.7 4.7-10.3 10.4-10.4");
}
</style><circle class="gcnqaeb"/><circle class="kdn_c0q"/><path class="uyhyusfg"/><path class="bek3t0dz"/>`;

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

export default Component;
