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

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

.pson3ox4r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m35.658 25.597l-7.02 12.422h0A5.3 5.3 0 0 1 24 40.748a5.3 5.3 0 0 1-4.4-2.34l.019.026L5.978 14.752l-.061-.13a5.305 5.305 0 0 1 9.35-4.937l-.002.002l10.963 17.321");
}

.q4gh-u6vv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M26.198 26.966a5.31 5.31 0 0 0 5.258 2.272c2.293-.36 4.135-2.284 4.408-4.59a5.307 5.307 0 0 0-7.722-5.352c-.784.41-1.41 1.068-1.899 1.805L24.324 24m10.321-12.863h5.1m-.797.007c-.264 2.238-1.423 2.996-3.506 3.568m0-3.568c.264 2.238 1.422 2.996 3.506 3.568m-1.753-3.576v-.733");
}
</style><circle class="pri3nwb7y"/><path class="pson3ox4r"/><path class="q4gh-u6vv"/>`;

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

export default Component;
