<script>
export let color = "#000000"
</script>
 <svg {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave on:keydown    viewBox="0 0 36 36"    version="1.1"    id="svg4"    sodipodi:docname="speech_bubble.svg"    inkscape:version="1.1.1 (1:1.1+202109281949+c3084ef5ed)"    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"    xmlns="http://www.w3.org/2000/svg"    xmlns:svg="http://www.w3.org/2000/svg">   <defs      id="defs8" />   <sodipodi:namedview      id="namedview6"      pagecolor="#505050"      bordercolor="#eeeeee"      borderopacity="1"      inkscape:pageshadow="0"      inkscape:pageopacity="0"      inkscape:pagecheckerboard="0"      showgrid="false"      inkscape:zoom="24.083333"      inkscape:cx="18.020761"      inkscape:cy="18.020761"      inkscape:current-layer="svg4" />   <path      fill="#8CCAF7"      d="M18 1c9.941 0 18 6.268 18 14 0 4.368-2.574 8.268-6.604 10.835C29.92 28.144 31.141 31.569 34 35c-5.758-.96-9.44-3.761-11.716-6.416-1.376.262-2.805.416-4.284.416-9.941 0-18-6.268-18-14S8.059 1 18 1z"      id="path2"      style="stroke:{color};stroke-opacity:1" /> </svg> 