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

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

.tb9u-ob5x {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.4 36.8c2.465 0 2.8-.885 2.8-3.8V14.7c0-2.075.227-3.8-2.7-3.8m-.9 0h11.6c3.1 0 5.6.4 7.5 1.3c2.3 1 4 2.6 5.2 4.7s1.8 4.4 1.8 7.1c0 11.383-7.445 12.8-14.6 12.8H12.5m9.23-25.9v22.649c0 3.14 1.275 3.251 2.467 3.251c2.354 0 4.148-.785 5.494-2.467c1.682-2.242 2.579-5.606 2.579-10.203c0-3.7-.56-6.727-1.794-8.97c-.897-1.793-2.13-2.915-3.588-3.587c-1.01-.449-2.691-.673-5.158-.673");
}
</style><circle class="cpk0fnbgt"/><path class="tb9u-ob5x"/>`;

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

export default Component;
