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

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

.ed0csmb {
  d: path("M20.9 29.5h22.3v5.1H20.9zM16 36.8V52h32V36.8zm25.6 9.8H22.4v-4.3h19.1z");
}

.frebwobq {
  d: path("M32 12S22 20.6 9.8 26.6l3.2 6.1s7.9-2.6 19-11.5c11.1 8.9 19 11.5 19 11.5l3.2-6.1C42 20.6 32 12 32 12");
}

.fzoge8bi {
  fill: #ff5a79;
  d: path("M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z");
}
</style><path class="fzoge8bi"/><g class="c6pedcb"><path class="frebwobq"/><path class="ed0csmb"/></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-passing-grade-button"} {...others} />);
}

export default Component;
