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

const viewBox = {"width":48,"height":48};
const content = `<style>.vwqb1cbyz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.07 36.83A2.4 2.4 0 0 1 28.88 38a2.36 2.36 0 0 1-1.14-1.13L24 29l2.7-5.56l3.21 6.81l7.43-15.66h-6l-4.64 8.82h0l-.54 1L24 29h0l-3.71 7.9a2.4 2.4 0 0 1-4.33 0L4.73 13.19A2.4 2.4 0 0 1 5.88 10a2.3 2.3 0 0 1 1-.22h11.2a2.36 2.36 0 0 1 2.12 1.27l3.8 7.19l-2.67 5.18l-4.68-8.86h-6l7.45 15.66l.76-1.58h0l3-6.35l3.72-7h0L27.81 11a2.36 2.36 0 0 1 2.12-1.27h11.18a2.39 2.39 0 0 1 2.39 2.4a2.3 2.3 0 0 1-.23 1Z");
}
</style><path class="vwqb1cbyz"/>`;

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

export default Component;
