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

const viewBox = {"width":24,"height":24};
const content = `<style>.pxaubpbdw {
  fill: currentColor;
  d: path("M9.98 16.5h1v-3.64l3.328 1.917l.48-.86L11.482 12l3.308-1.917l-.481-.86l-3.327 1.918V7.5h-1v3.64L6.673 9.224l-.5.86L9.481 12l-3.308 1.917l.5.86l3.308-1.918zM5.097 19q-.69 0-1.153-.462t-.462-1.153V6.615q0-.69.462-1.152T5.096 5h10.77q.69 0 1.152.463t.463 1.153v4.653l3.038-3.038v7.538l-3.038-3.038v4.654q0 .69-.463 1.153T15.866 19z");
}
</style><path class="pxaubpbdw"/>`;

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

export default Component;
