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

const viewBox = {"width":48,"height":48};
const content = `<style>.w-slo8ibz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M20.102 15.291c-2.63-3.845-5.662-5.955-8.79-5.955c-3.186 0-2.183 2.006-4.956 2.891c2.403.158 6.786 7.908 9.383 17.35c2.038 7.413 8.053 12.375 11.86 12.923c-2.336-2.74-2.28-8.998-3.004-14.872");
}

.wg4jg_k5e {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.842 29.935c-1.816-5.69-1.756-11.689 5.62-15.406S41.644 5.5 41.644 5.5C39.815 16.948 22.23 22.495 22.23 22.495");
}

.xaq6u7bxx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.241 33.43c1.798-5.235 19.151-8.938 20.98-17.485c-2.95 1.772-8.83 3.413-8.83 3.413");
}
</style><path class="w-slo8ibz"/><path class="wg4jg_k5e"/><path class="xaq6u7bxx"/>`;

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

export default Component;
