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

const viewBox = {"width":24,"height":24};
const content = `<style>.st2l6lbcv {
  fill: currentColor;
  d: path("M6.98 21q-.816 0-1.398-.541Q5 19.917 5 19.119V5.766q0-.778.53-1.364t1.306-.748l8.78-1.854v14.616l-8.86 1.919q-.302.069-.529.276q-.227.206-.227.508q0 .39.292.636t.689.245H18V5h1v16zm1.405-4.017l6.23-1.36V3.039l-6.23 1.32zm-1 .207V4.568l-.433.095q-.41.088-.68.391Q6 5.356 6 5.766v11.867q.183-.108.368-.184t.388-.12zM6 4.776v12.858z");
}
</style><path class="st2l6lbcv"/>`;

/** @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={"material-symbols-light:book-5-outline"} {...others} />);
}

export default Component;
