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

const viewBox = {"width":24,"height":24};
const content = `<style>.c7kh0cc4m {
  fill: currentColor;
  d: path("M4.825 15h1.2l.65-1.8h2.8l.65 1.8h1.2l-2.6-7h-1.3zm2.2-2.8l1-2.9h.1l1 2.9zm1.05 6.8q-2.925 0-4.962-2.037T1.075 12t2.038-4.962T8.075 5q1.875 0 3.463.925t2.537 2.525l-.1-.45h1.2l1.2 5.1h.05l1.45-5.1h1.1l1.45 5.1h.1l1.2-5.1h1.2l-1.85 7h-1.15l-1.5-5.25h-.05L16.925 15h-1.15l-.7-2.9q0 2.875-2.05 4.888T8.075 19");
}
</style><path class="c7kh0cc4m"/>`;

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

export default Component;
