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

const viewBox = {"width":48,"height":48};
const content = `<style>.b09h1hqyc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.122 27.182c7.878 2.424 5.891 8.948 1.986 8.948c-6.161 0-8.585-3.259-8.585-3.259l-4.714 5.353c4.747 3.535 6.734 4.276 11.245 4.276s14.14-3.467 14.14-12.59c0-3.872-3.198-7.341-8.315-9.092c-7.879-2.424-5.892-8.948-1.987-8.948c6.161 0 8.585 3.259 8.585 3.259l4.714-5.353C33.444 6.24 31.457 5.5 26.946 5.5s-14.14 3.467-14.14 12.59c0 3.872 3.198 7.34 8.316 9.092");
}

.ktd3h84pl {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.892 11.87c-4.04 0-11.312 3.158-10.414 10.884");
}

.swtkqxbnv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.108 36.13c4.04 0 11.312-3.158 10.414-10.884");
}
</style><path class="ktd3h84pl"/><path class="b09h1hqyc"/><path class="swtkqxbnv"/>`;

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

export default Component;
