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

const viewBox = {"width":48,"height":48};
const content = `<style>.b8-lq2bxu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M27.528 42.5H38.5a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h10.972v-5.922c0-1.076.872-1.947 1.948-1.947h3.16c1.076 0 1.948.871 1.948 1.947z");
}

.szgn9t5ru {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 10.762c5.714 0 10.345 4.632 10.345 10.345S29.714 31.453 24 31.453S13.655 26.82 13.655 21.107S18.286 10.762 24 10.762m0 5.39a4.957 4.957 0 1 0-.001 9.913H24a4.957 4.957 0 0 0 4.958-4.956v-.002A4.957 4.957 0 0 0 24 16.151");
}
</style><path class="szgn9t5ru"/><path class="b8-lq2bxu"/>`;

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

export default Component;
