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

const viewBox = {"width":36,"height":36};
const content = `<style>.f_yo3tb {
  cx: 18px;
  cy: 15px;
  r: 2px;
  fill: #2a6797;
}

.mmm2dqb {
  cx: 10px;
  cy: 15px;
  r: 2px;
  fill: #2a6797;
}

.tybc08eu {
  fill: #bdddf4;
  d: path("M18 1C8.059 1 0 7.268 0 15c0 4.368 2.574 8.268 6.604 10.835C6.08 28.144 4.859 31.569 2 35c5.758-.96 9.439-3.761 11.716-6.416c1.376.262 2.805.416 4.284.416c9.941 0 18-6.268 18-14S27.941 1 18 1");
}

.wxlt8fb {
  cx: 26px;
  cy: 15px;
  r: 2px;
  fill: #2a6797;
}
</style><path class="tybc08eu"/><circle class="f_yo3tb"/><circle class="wxlt8fb"/><circle class="mmm2dqb"/>`;

/** @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={"twemoji:speech-balloon"} {...others} />);
}

export default Component;
