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

const viewBox = {"width":48,"height":48};
const content = `<style>.wczeqsphj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M35.5 24c0 3.21-5.15 5.84-11.5 5.84S12.5 27.24 12.5 24c-1.27 0-7 2.85-7 3.8v12.75a2 2 0 0 0 2 2h33.1a2 2 0 0 0 2-2V27.8c-.1-.95-5.83-3.8-7.1-3.8M24 15.03V9.76m7.84 7.2l2.64-4.56m-18.32 4.56l-2.64-4.56M35.5 24c0-2.7-5.86-6.28-11.5-6.28S12.5 21.32 12.5 24m8.3-2.29c-.86.2-1.64 0-1.76-.48s.5-1 1.35-1.21s1.64 0 1.75.47s-.49 1.01-1.34 1.22");
}
</style><path class="wczeqsphj"/>`;

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

export default Component;
