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

const viewBox = {"width":48,"height":48};
const content = `<style>.bz-gaackh {
  cx: 24px;
  cy: 14.919px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gguux30uz {
  cx: 33.081px;
  cy: 33.081px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jbpweyb4r {
  cx: 24px;
  cy: 24px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nauo_jb5d {
  cx: 14.919px;
  cy: 33.081px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pg710bb1z {
  cx: 24px;
  cy: 33.081px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pgi8ulb_e {
  cx: 33.081px;
  cy: 24px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.q3hn9abje {
  cx: 14.919px;
  cy: 24px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.u7hcmeb9x {
  cx: 33.081px;
  cy: 14.919px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vvk-_sb6g {
  cx: 14.919px;
  cy: 14.919px;
  r: 2.919px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ybg-ayb9z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 2.5A21.494 21.494 0 0 0 5.183 34.393l-.033-.033L2.5 45.5l11.14-2.65l-.033-.033A21.499 21.499 0 1 0 24 2.5");
}
</style><path class="ybg-ayb9z"/><circle class="jbpweyb4r"/><circle class="pgi8ulb_e"/><circle class="u7hcmeb9x"/><circle class="bz-gaackh"/><circle class="vvk-_sb6g"/><circle class="q3hn9abje"/><circle class="nauo_jb5d"/><circle class="pg710bb1z"/><circle class="gguux30uz"/>`;

/** @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={"arcticons:messagease-keyboard"} {...others} />);
}

export default Component;
