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

const viewBox = {"width":64,"height":64};
const content = `<style>.a8iis4h {
  fill: #94989b;
  d: path("M3.6 22c-.6 0-1.1.5-1.1 1.1v19.8c0 .6.5 1.1 1.1 1.1l2.9-.7V22.7z");
}

.aqf081n {
  cx: 49.5px;
  cy: 12px;
  r: 12px;
  fill: #3e4347;
}

.cuw-sqb {
  fill: #94989b;
  d: path("M21.5 33h16v4h-16zm0-6h16v4h-16z");
}

.d7_03mbm {
  fill: #3e4347;
  d: path("M61.5 42.9c0 .6-.5 1.1-1.1 1.1H18.6c-.6 0-1.1-.5-1.1-1.1V23.1c0-.6.5-1.1 1.1-1.1h41.8c.6 0 1.1.5 1.1 1.1z");
}

.ftkvckx {
  cx: 29.5px;
  cy: 12px;
  r: 4px;
  fill: #94989b;
}

.ixdgc0e {
  cx: 49.5px;
  cy: 12px;
  r: 4px;
  fill: #94989b;
}

.lzvxjybd {
  fill: #94989b;
  d: path("M59.5 41c0 .6-.5 1-1.1 1H20.6c-.6 0-1.1-.4-1.1-1s.5-1 1.1-1h37.8c.6 0 1.1.4 1.1 1m-18-15h16v12h-16z");
}

.pg2w5qb {
  fill: #3e4347;
  d: path("M42.5 27h14v10h-14z");
}

.qt5l99b {
  cx: 29.5px;
  cy: 12px;
  r: 12px;
}

.tyi0eob {
  fill: #3e4347;
}

.wj74yjbo {
  d: path("M6.5 22.7v20.6l40-10.3zm36 18.3h-5l-9 21h-4.1v2h6.7l7.4-18v16h-3v2h9v-2h-3V46l7.6 18h6.4v-2h-4z");
}
</style><path class="a8iis4h"/><g class="tyi0eob"><path class="wj74yjbo"/><circle class="qt5l99b"/></g><circle class="ftkvckx"/><circle class="aqf081n"/><circle class="ixdgc0e"/><path class="d7_03mbm"/><path class="lzvxjybd"/><path class="pg2w5qb"/><path class="cuw-sqb"/>`;

/** @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={"emojione:movie-camera"} {...others} />);
}

export default Component;
