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

const viewBox = {"width":48,"height":48};
const content = `<style>.esguv3zix {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.728 5.5c.622 2.723 1.896 5.105 5.885 6.066c-3.89 1.104-5.05 2.653-5.763 6.004c-.874-3.42-1.695-5.285-5.945-6.005c3.65-1.023 5.094-3.155 5.823-6.065m9.282 8.734c-1.054 3.938-3.267 6.653-7.462 7.279c5.004.8 6.654 3.955 7.462 7.703c.675-4.407 3.227-6.776 7.218-7.582c-3.876-1.05-6.488-3.437-7.218-7.4m-18.231 6.252h5.504v5.504h-5.504z");
}

.ygokx6b_e {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.282 25.989h5.504v5.504h-5.504z");
}

.yiz0hbcwj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M16.779 25.99v5.503h5.503v5.504h5.504v2.501a3 3 0 0 1-3.002 3.002H8.774a3 3 0 0 1-3.002-3.002v-16.01a3 3 0 0 1 3.001-3.002h2.502v5.503z");
}
</style><path class="esguv3zix"/><path class="ygokx6b_e"/><path class="yiz0hbcwj"/>`;

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

export default Component;
