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

const viewBox = {"width":48,"height":48};
const content = `<style>.brre8qbbo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M36.172 12.387V25.18c0 2.36-1.863 4.347-4.347 4.347c-2.36 0-4.347-1.863-4.347-4.347V12.387h-7.204V25.18c0 2.36-1.863 4.347-4.347 4.347s-4.347-1.863-4.347-4.347V12.387H4.5v13.166c0 5.589 4.844 10.06 10.682 10.06A11.12 11.12 0 0 0 24 31.266c1.987 2.608 5.093 4.347 8.819 4.347c5.961 0 10.681-4.471 10.681-10.06V12.387z");
}
</style><path class="brre8qbbo"/>`;

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

export default Component;
