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

const viewBox = {"width":24,"height":24};
const content = `<style>.uo7culbpa {
  fill: currentColor;
  d: path("M13 21q-.425 0-.712-.288T12 20t.288-.712T13 19h2.825l-2.3-1.625q-.35-.25-.413-.638t.163-.737t.625-.413t.75.163l2.325 1.6L16 14.7q-.15-.375.025-.75t.575-.525t.775.025t.525.575l.95 2.65l.75-2.725q.125-.4.462-.612t.738-.088t.625.463t.1.737l-1.55 5.8q-.1.35-.363.55T19 21zM3 18v-2h7.075q-.075.525-.062 1t.087 1zm0-4v-2h9.65q-.575.4-1.037.9T10.8 14zm0-4V8h15v2zm0-4V4h15v2z");
}
</style><path class="uo7culbpa"/>`;

/** @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:docs-apps-script-outline-sharp"} {...others} />);
}

export default Component;
