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

const viewBox = {"width":48,"height":48};
const content = `<style>.i9clfwm2k {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4");
}

.rzotcvglf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.972 22.308c.305.883.919 2.134 1.356 2.985a1.06 1.06 0 0 1-.465 1.43l-1.732.884c.069.457.17.805.276 1.068c.224.553-.1 1.171-.691 1.25a5 5 0 0 1-.875.038c.449.757.365 1.71-.7 2.046c.28 1.991-.533 3.112-2.3 3s-3.476-2.159-5.075-2.018s-3.914 5.636-7.368 5.748");
}

.vox3jbchf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M6.522 41.17c6.78.563 12.642-7.71 11.945-13.27c1.29-.04 2.748-1.274 2.86-2.9c4.43-.392 9.797-4.935 10.45-8.86c.85 3.309-1.478 4.346-.805 6.168C36.187 19 36.187 8.458 28.897 5.5");
}
</style><path class="i9clfwm2k"/><path class="vox3jbchf"/><path class="rzotcvglf"/>`;

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

export default Component;
