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

const viewBox = {"width":48,"height":48};
const content = `<style>.agpn-7b4c {
  cx: 39.3px;
  cy: 8.7px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.czqi83b3x {
  cx: 24px;
  cy: 39.3px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.f1hf5dqjf {
  cx: 8.7px;
  cy: 24px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fob_j3b0o {
  cx: 24px;
  cy: 24px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ishuxmn1p {
  cx: 39.3px;
  cy: 24px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.j-db0-_pv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m10.963 10.963l10.775 10.775m15.299-10.775L26.262 21.738m10.775 15.299L26.262 26.262M10.963 37.037l10.775-10.775");
}

.kk_oqu1rx {
  cx: 8.7px;
  cy: 39.3px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oaji6vbrr {
  cx: 24px;
  cy: 8.7px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.q_eetpb4i {
  cx: 8.7px;
  cy: 8.7px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rm9xfbunt {
  cx: 39.3px;
  cy: 39.3px;
  r: 3.2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><circle class="fob_j3b0o"/><circle class="oaji6vbrr"/><circle class="agpn-7b4c"/><circle class="ishuxmn1p"/><circle class="rm9xfbunt"/><circle class="czqi83b3x"/><circle class="kk_oqu1rx"/><circle class="f1hf5dqjf"/><circle class="q_eetpb4i"/><path class="j-db0-_pv"/>`;

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

export default Component;
