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

const viewBox = {"width":48,"height":48};
const content = `<style>.kpwnjvedz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  d: path("M22.526 18.93H12.033m5.247-5.247v10.494m13.51-.069H20.298m5.247-5.247v10.494m13.51-.069H28.56m5.247-5.246v10.493");
}

.x-3jqsb9o {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.72 34.324C27.653 38.328 24 41.703 24 41.703s-3.505-3.238-7.47-7.134l-3.197-3.193c-3.345-3.402-6.446-6.787-7.515-8.638c-2.684-4.648-1.23-11.945 4.011-14.97S21.775 6.536 24 11.777c2.226-5.241 8.929-7.037 14.17-4.01s6.696 10.322 4.012 14.97a14 14 0 0 1-1.013 1.47l-2.129 2.484");
}
</style><path class="x-3jqsb9o"/><path class="kpwnjvedz"/>`;

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

export default Component;
