<script setup lang="ts">
defineProps<{ ariaLabel?: string }>();
</script>
<template>
  <svg viewBox="0 0 64 64" width="1em" height="1em" fill="currentColor"
       :role="ariaLabel ? 'img' : 'presentation'"
       :aria-label="ariaLabel || undefined"><g stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"><g fill="currentColor" stroke-linecap="square" stroke-miterlimit="10" transform="translate(.5 .5)"><path fill="none" d="m4 14 28 10 28-10M32 24v36" data-cap="butt"/><path fill="none" d="M60 50 32 60 4 50V14L32 4l28 10z"/><ellipse cx="12" cy="27" data-color="color-2" data-stroke="none" rx="2" ry="3"/><ellipse cx="18" cy="37" data-color="color-2" data-stroke="none" rx="2" ry="3"/><ellipse cx="24" cy="47" data-color="color-2" data-stroke="none" rx="2" ry="3"/><ellipse cx="46" cy="37" data-color="color-2" data-stroke="none" rx="2" ry="3"/><ellipse cx="25" cy="14" data-color="color-2" data-stroke="none" rx="3" ry="1.5"/><ellipse cx="39" cy="14" data-color="color-2" data-stroke="none" rx="3" ry="1.5"/><ellipse cx="12" cy="27" fill="none" data-color="color-2" rx="2" ry="3"/><ellipse cx="18" cy="37" fill="none" data-color="color-2" rx="2" ry="3"/><ellipse cx="24" cy="47" fill="none" data-color="color-2" rx="2" ry="3"/><ellipse cx="46" cy="37" fill="none" data-color="color-2" rx="2" ry="3"/><ellipse cx="25" cy="14" fill="none" data-color="color-2" rx="3" ry="1.5"/><ellipse cx="39" cy="14" fill="none" data-color="color-2" rx="3" ry="1.5"/></g></g></svg>
</template>
