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

const viewBox = {"width":48,"height":48};
const content = `<style>.dxpvd1e4z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M14.672 4.553c1.223-.054-.638-.053 6.817-.053v39h-9.691c.08-.916.044-27.756.07-36.467c.043-1.733 1.319-2.264 2.804-2.48m11.722 34.101V33.81h9.808v3.481c0 4.125-.049 4.402-.929 5.281c-.882.882-1.15.93-5.34.93h-3.54zm0-24.404V4.5h9.808v8.386c0 9.596.034 9.223-.929 10.185c-.882.882-1.15.929-5.34.929h-3.54z");
}
</style><path class="dxpvd1e4z"/>`;

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

export default Component;
