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

const viewBox = {"width":24,"height":24};
const content = `<style>.pdx1debwb {
  fill: currentColor;
  d: path("M16 20h-4.325q.325-.45.563-.95T12.65 18H16V6H4v3.275q-.55.15-1.05.388t-.95.562V6q0-.825.588-1.412T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.587 1.413T16 20m-13.537-.462Q1 18.075 1 16t1.463-3.537T6 11t3.538 1.463T11 16t-1.463 3.538T6 21t-3.537-1.462M6 19q.2 0 .35-.15t.15-.35t-.15-.35T6 18t-.35.15t-.15.35t.15.35T6 19m-.5-2h1v-4h-1z");
}
</style><path class="pdx1debwb"/>`;

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

export default Component;
