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

const viewBox = {"width":48,"height":48};
const content = `<style>.qaanwwbzy {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.6 13.09h7.29m-7.34 3.12h7.3m-7.3 3.07h7.3m-7.3 3.15h7.3M8.67 9v25.08h11.12c1.79 0 4.29 1.75 4.29 1.75L24 10.35a5.5 5.5 0 0 0-3.85-1.58Zm22.15 25.08h-2.45c-1.79 0-4.29 1.75-4.29 1.75l.09-25.48A5.5 5.5 0 0 1 28 8.77h2.8m3.09.09l5.6.09v25.13h-5.6");
}

.y2pkxzbxl {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33.89 36.62h7.7V10.28H40m-31.51.09h-2.2V36.6h15.16a10.4 10.4 0 0 0 2.53.58a9.4 9.4 0 0 0 2.38-.56h4.46m0-29.43v32.4l1.49-1.05l1.58 1V7.28Z");
}
</style><path class="qaanwwbzy"/><path class="y2pkxzbxl"/>`;

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

export default Component;
