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

const viewBox = {"width":48,"height":48};
const content = `<style>.ra-mc4box {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M45.473 22.94c.441 8.824-4.626 17.007-12.75 20.592c-8.125 3.583-17.63 1.829-23.918-4.414A21.27 21.27 0 0 1 4.341 15.35C7.939 7.272 16.167 2.227 25.045 2.656");
}

.ttog_3_he {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.34 29.11c-1.885-1.927-2.459-4.842-1.453-7.38c1.006-2.537 3.392-4.194 6.04-4.193c2.648 0 5.033 1.658 6.038 4.195s.43 5.453-1.455 7.38");
}

.v_3san7kq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M14.344 34.573c-3.91-4.125-5.1-10.366-3.014-15.799s7.036-8.978 12.53-8.977s10.442 3.549 12.526 8.982c2.085 5.433.892 11.673-3.019 15.797");
}
</style><path class="ra-mc4box"/><path class="v_3san7kq"/><path class="ttog_3_he"/>`;

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

export default Component;
