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

const viewBox = {"width":24,"height":24};
const content = `<style>.j-t6fpq-g {
  fill: currentColor;
  d: path("M4.116 21q-.691 0-1.153-.462T2.5 19.385V8.154h1v11.23q0 .27.173.443t.443.173H17v1zm3-3q-.691 0-1.153-.462T5.5 16.384V8.692q0-.39.151-.673t.53-.5L13.5 3.231l.98.579L6.7 8.389l6.8 4l6.616-3.885q.24-.148.474-.145t.449.126t.338.326t.123.474v7.1q0 .69-.462 1.153T19.885 18zm6.157-7.577l-2.107-2.107l.707-.708l1.4 1.4l3.55-3.55l.708.707z");
}
</style><path class="j-t6fpq-g"/>`;

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

export default Component;
