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

const viewBox = {"width":24,"height":24};
const content = `<style>.bh-nav-ls {
  fill: currentColor;
  d: path("M8 21v-5l-4-4h16l-4 4v5Zm2-5h1v-2.975h-1Zm0 4h1v-1.5h1v-1H9v1h1Zm3 0h1v-3.5h-1Zm-1-4.5h3v-1h-1V13h-1v1.5h-1ZM3.225 10Q3.9 6.975 6.338 4.987Q8.775 3 12 3t5.663 1.987Q20.1 6.975 20.775 10H18.7q-.65-2.2-2.488-3.6Q14.375 5 12 5T7.787 6.4Q5.95 7.8 5.3 10ZM8 10q.575-1.125 1.625-1.812Q10.675 7.5 12 7.5t2.375.688Q15.425 8.875 16 10Z");
}
</style><path class="bh-nav-ls"/>`;

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

export default Component;
