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

const viewBox = {"width":48,"height":48};
const content = `<style>.atsoalb-i {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.15 28.3c.7.9 1.5 1.2 2.7 1.2h1.6c1.5 0 2.7-1.2 2.7-2.7h0c0-1.5-1.2-2.7-2.7-2.7h-1.8c-1.5 0-2.7-1.2-2.7-2.7h0c0-1.5 1.2-2.8 2.8-2.8h1.6c1.2 0 2 .3 2.7 1.2m14.4 15.8c.4.1.9.1 1.3.1c5.4 0 9.7-4.4 9.7-9.7s-4.4-9.7-9.7-9.7c-4.3 0-8 2.8-9.2 6.7");
}

.d1fse8j2d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.55 26.5c4.4 0 8 3.6 8 8c0 .4 0 .8-.1 1.1c-.6 3.9-3.9 6.9-7.9 6.9c-4.4 0-8-3.6-8-8V34m-3.7-20c1-4.9 5.4-8.5 10.5-8.5c5.9 0 10.8 4.8 10.8 10.7");
}

.thu0czbnh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.55 16v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V16c0-1.1-.9-2-2-2h-16c-1.1 0-2 .9-2 2");
}
</style><path class="thu0czbnh"/><path class="atsoalb-i"/><path class="d1fse8j2d"/>`;

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

export default Component;
