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

const viewBox = {"width":24,"height":24};
const content = `<style>.h6rqozbkh {
  fill: currentColor;
  d: path("M7.475 21q-.621 0-1.078-.407t-.532-1.022L4 3h16l-1.846 16.571q-.075.616-.532 1.022q-.456.407-1.078.407zM5.592 8.385h12.835L18.866 4H5.116zm8.077 9.05q.681-.681.681-1.67q0-.794-.48-1.696T12 11.385q-1.39 1.782-1.87 2.684t-.48 1.697q0 .988.68 1.669q.682.68 1.67.68t1.67-.68");
}
</style><path class="h6rqozbkh"/>`;

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

export default Component;
