<script setup>
import { BaseIcon } from "@components/common/icons";
const props = defineProps({
  color: { type: String, default: 'text-neutrals-900' },
  active: { type: Boolean, default: false },
});
</script>

<template>
  <BaseIcon viewBox="0 0 21 20" :active="active" :className="props.color">
    <template #default="{ fill }">
      <g clip-path="url(#clip0_28_1820)">
        <path
          d="M10.1693 0.666748C5.01727 0.666748 0.835938 4.84808 0.835938 10.0001C0.835938 15.1521 5.01727 19.3334 10.1693 19.3334C15.3213 19.3334 19.5026 15.1521 19.5026 10.0001C19.5026 4.84808 15.3213 0.666748 10.1693 0.666748ZM11.0186 15.7401C10.9534 15.804 10.8708 15.8474 10.7812 15.8649C10.6915 15.8824 10.5987 15.8732 10.5142 15.8384C10.4297 15.8036 10.3573 15.7448 10.306 15.6692C10.2546 15.5937 10.2266 15.5048 10.2253 15.4134V14.6667H10.1693C8.9746 14.6667 7.77994 14.2094 6.86527 13.3041C6.23156 12.6688 5.79422 11.8645 5.60553 10.9873C5.41685 10.1101 5.4848 9.19704 5.80127 8.35741C5.9786 7.88141 6.60394 7.76008 6.9586 8.12408C7.16394 8.32941 7.2106 8.62808 7.11727 8.88941C6.68794 10.0467 6.9306 11.3907 7.86394 12.3241C8.51727 12.9774 9.37594 13.2854 10.2346 13.2667V12.3894C10.2346 11.9694 10.7386 11.7641 11.0279 12.0627L12.5399 13.5747C12.7266 13.7614 12.7266 14.0507 12.5399 14.2374L11.0186 15.7401ZM13.3799 11.8854C13.2835 11.7861 13.2173 11.6614 13.1892 11.5258C13.1611 11.3903 13.1722 11.2495 13.2213 11.1201C13.6506 9.96275 13.4079 8.61875 12.4746 7.68541C11.8213 7.03208 10.9626 6.71475 10.1133 6.73341V7.61075C10.1133 8.03075 9.60927 8.23608 9.31994 7.93741L7.7986 6.43475C7.61194 6.24808 7.61194 5.95875 7.7986 5.77208L9.3106 4.26008C9.37583 4.19613 9.45839 4.15273 9.54805 4.13525C9.63771 4.11778 9.73053 4.12701 9.815 4.16179C9.89947 4.19657 9.97187 4.25537 10.0232 4.33091C10.0746 4.40646 10.1027 4.49541 10.1039 4.58675V5.34275C11.3173 5.32408 12.5399 5.76275 13.4639 6.69608C14.0976 7.33133 14.535 8.13566 14.7237 9.01288C14.9124 9.89011 14.8444 10.8031 14.5279 11.6427C14.3506 12.1281 13.7346 12.2494 13.3799 11.8854Z"
          :fill="fill"
        />
      </g>
      <defs>
        <clipPath id="clip0_28_1820">
          <rect
            width="20"
            height="20"
            fill="white"
            transform="translate(0.167969)"
          />
        </clipPath>
      </defs>
    </template>
  </BaseIcon>
</template>

<style scoped></style>
