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

const viewBox = {"width":48,"height":48};
const content = `<style>.e9vi_0gcd {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M5.5 11.42v21.86a5.83 5.83 0 0 0 5.828 5.827h17.606");
}

.ecyvsyb5f {
  cx: 34.182px;
  cy: 32.707px;
  r: 8.315px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pmsdtebjh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M36.92 24.858v.012a8.31 8.31 0 0 1-8.313 8.302c-.96 0-1.884-.158-2.735-.474m5.956 7.985A8.31 8.31 0 0 1 42.5 32.71M9.679 22.108h14.416m-14.416 5.01h8.35m-8.35 5.01h8.35");
}

.sdkktfb9u {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M36.921 24.858v-3.167a5.83 5.83 0 0 0-5.827-5.827h-20.9c-2.405 0-4.562-1.802-4.688-4.204a4.443 4.443 0 0 1 4.437-4.682h10.061a4.443 4.443 0 0 1 4.443 4.443v4.443");
}
</style><path class="sdkktfb9u"/><path class="e9vi_0gcd"/><circle class="ecyvsyb5f"/><path class="pmsdtebjh"/>`;

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

export default Component;
