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

const viewBox = {"width":48,"height":48};
const content = `<style>.cpk0fnbgt {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dkroj-bka {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.639 25.194v9.556h4.778M24 25.194l6.211 9.556m0-9.556L24 34.75M13.25 13.37l2.389-1.314v9.675m3.583-6.518c0-1.911 1.792-3.464 3.822-3.106c1.314.24 2.39 1.433 2.509 2.747c0 .956-.24 2.031-.956 2.628c-1.314 1.075-5.375 4.18-5.375 4.18h6.33m8.84-8.532l-4.778 7.286m2.389 1.076c-1.792 0-3.225-1.434-3.225-3.106v-3.225c0-1.792 1.433-3.105 3.105-3.105c1.792 0 3.106 1.433 3.106 3.105v3.225c.239 1.792-1.194 3.106-2.986 3.106");
}
</style><path class="dkroj-bka"/><circle class="cpk0fnbgt"/>`;

/** @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:illuminance-lux-light-meter"} {...others} />);
}

export default Component;
