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

const viewBox = {"width":24,"height":24};
const content = `<style>.eu4wvkbwa {
  fill: currentColor;
  d: path("m14.75 11.8l4-2.3l-4-2.3l-4 2.3zm0 3.05l2.75-1.6v-2.1l-2.75 1.6l-2.75-1.6v2.1zM22 20h-7q0-.5-.038-1t-.112-1H20V6H4v1.15q-.5-.075-1-.112T2 7V4h20zM2 20v-3q1.25 0 2.125.875T5 20zm5 0q0-2.075-1.463-3.537T2 15v-2q2.925 0 4.963 2.038T9 20zm4 0q0-1.875-.712-3.512t-1.926-2.85t-2.85-1.925T2 11V9q2.275 0 4.275.863t3.5 2.362t2.363 3.5T13 20z");
}
</style><path class="eu4wvkbwa"/>`;

/** @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:cast-for-education-outline-sharp"} {...others} />);
}

export default Component;
