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

const viewBox = {"width":48,"height":48};
const content = `<style>.h-ez_jbeh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 26.84a2.61 2.61 0 0 1 1.59 4.69l1.24 4.31h-5.66l1.24-4.31A2.61 2.61 0 0 1 24 26.84m10.93-7.49v-3.58A10.93 10.93 0 0 0 24 4.84h0a10.93 10.93 0 0 0-10.93 10.93v3.58");
}

.lm2wdgbcp {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m19.83 16.52l-2.77 2.83H6.29a1.8 1.8 0 0 0-1.79 1.8v20.22a1.79 1.79 0 0 0 1.79 1.79h35.42a1.79 1.79 0 0 0 1.79-1.79V21.14a1.79 1.79 0 0 0-1.79-1.79H30.94l-2.77-2.83Z");
}

.unutmsbmc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.76 22.25a1.84 1.84 0 1 1 0 3.68a1.84 1.84 0 0 1 0-3.68M24 23.71a7.63 7.63 0 1 1-7.63 7.63A7.63 7.63 0 0 1 24 23.71");
}
</style><path class="lm2wdgbcp"/><path class="unutmsbmc"/><path class="h-ez_jbeh"/>`;

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

export default Component;
