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

const viewBox = {"width":48,"height":48};
const content = `<style>.cuxzov2ol {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m5.5 5.5l12 4c0 9 5.5 17.5 18 25C19 32 8 22.5 5.5 5.5");
}

.ibdxqirsv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.5 7.5c-1.5 5.378 5.5 24.75 24 27");
}

.mlg50icvx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M36.5 7.5c1.018 3.65-1.88 13.75-9.634 20.564m-3.403 2.553C20.391 32.563 16.75 33.983 12.5 34.5m-7 8l7-5m0 5l-7-5m17 5v-5l-3.5 5l-3.5-5v5m10 0v-5h6c.554 0 1 .446 1 1v1c0 .554-.446 1-1 1h-6m10 2v-5h6c.554 0 1 .446 1 1v1c0 .554-.446 1-1 1h-6");
}

.r24tc2bpo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M27.892 29.148C35.753 24.288 40.889 16.45 42.5 5.5l-12 4c0 5.492-2.048 10.798-6.485 15.803m-4.007 3.89C17.861 31.01 15.364 32.78 12.5 34.5c4.172-.633 7.993-1.712 11.414-3.248");
}
</style><path class="cuxzov2ol"/><path class="ibdxqirsv"/><path class="r24tc2bpo"/><path class="mlg50icvx"/>`;

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

export default Component;
