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

const viewBox = {"width":48,"height":48};
const content = `<style>.cpk0fnbgt {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pzzuu7ygo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m33.736 19.27l3.25-1.77v13m-14.775-8.694a4.31 4.31 0 0 1 5.161-4.224c1.806.347 3.248 1.91 3.428 3.74c.134 1.36-.297 2.704-1.237 3.53C27.82 26.38 22.21 30.5 22.21 30.5h8.613m-19.808-1.096c.897.752 1.866 1.096 4.042 1.096h.507a3.25 3.25 0 0 0 3.25-3.25h0a3.25 3.25 0 0 0-3.25-3.248m-4.55-5.416c.9-.75 1.869-1.092 4.045-1.086l.506.003a3.25 3.25 0 0 1 3.249 3.25h0A3.25 3.25 0 0 1 15.564 24m-2.497.002h2.497");
}
</style><circle class="cpk0fnbgt"/><path class="pzzuu7ygo"/>`;

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

export default Component;
