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

const viewBox = {"width":48,"height":48};
const content = `<style>.iewlhf6gf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M20.753 25.555v-2.37h2.421m.011-2.087h6.058m-4.023 10.84v1.925m2.017 0v-1.925m-6.221-10.8h-2.28m-.009-4.488h2.29m8.246 17.213h-6.058m-.023 6.443h2.019m0-2.087h-2.019m6.05 0h-2.005m0 2.087h2.006");
}

.wa1cwyiga {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.492 27.48h-2.27m-6.058 0h-2.421v-1.945h-2.016V16.65h-2.229v-2.107h2.209V3.5h2.188v11.043h2.067v2.107h-1.946v4.488h2.158v4.002h8.328v11.042h-2.27");
}

.x7ga1zbli {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.185 44.5H25.2v-8.54h2.016v8.54h2.016V18.565h-6.058zm0-12.562h6.058");
}
</style><path class="x7ga1zbli"/><path class="wa1cwyiga"/><path class="iewlhf6gf"/>`;

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

export default Component;
