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

const viewBox = {"width":64,"height":64};
const content = `<style>.c6pedcb {
  fill: #fff;
}

.i3znphbi {
  d: path("M48 18v4.9h-3.6v21.3c0 2.7-.5 4.1-2.4 5c-1.8.8-4.5.9-8.3.9c-.2-1.5-1-3.7-1.7-5.1c2.6.2 5.4.2 6.2.1c.8 0 1.1-.3 1.1-1V22.9H16V18z");
}

.y8qdbrb {
  d: path("M19 26.5v17h4.6v-2.7H35V26.5zm11.1 9.9h-6.4v-5.5h6.4z");
}

.ytd846t {
  fill: #eda454;
  d: path("M62 32c0 16.5-13.5 30-30 30S2 48.5 2 32S15.5 2 32 2s30 13.5 30 30");
}
</style><path class="ytd846t"/><g class="c6pedcb"><path class="i3znphbi"/><path class="y8qdbrb"/></g>`;

/** @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={"emojione:japanese-acceptable-button"} {...others} />);
}

export default Component;
