<script setup>
import BaseIcon from "@components/common/icons/BaseIcon.vue";
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 }">
      <path
        d="M6.06344 8.1775L4.34844 9.8925C3.64512 10.5958 3.25 11.5497 3.25 12.5444C3.25 13.539 3.64512 14.4929 4.34844 15.1962C5.05176 15.8996 6.00567 16.2947 7.00032 16.2947C7.99496 16.2947 8.94887 15.8996 9.65219 15.1962L11.9372 12.91C12.3613 12.4858 12.6775 11.9661 12.8592 11.3944C13.0409 10.8228 13.0828 10.2159 12.9814 9.62467C12.88 9.03346 12.6383 8.47521 12.2765 7.99676C11.9147 7.51831 11.4434 7.13362 10.9022 6.875L10.1697 7.6075C10.0953 7.68198 10.0306 7.76556 9.97719 7.85625C10.3954 7.97646 10.7749 8.20372 11.0783 8.51557C11.3817 8.82742 11.5985 9.21305 11.7072 9.63435C11.8159 10.0556 11.8128 10.498 11.6981 10.9177C11.5835 11.3375 11.3612 11.72 11.0534 12.0275L8.76969 14.3125C8.30059 14.7816 7.66435 15.0451 7.00094 15.0451C6.33753 15.0451 5.70129 14.7816 5.23219 14.3125C4.76309 13.8434 4.49955 13.2072 4.49955 12.5437C4.49955 11.8803 4.76309 11.2441 5.23219 10.775L6.22344 9.785C6.08319 9.26098 6.02915 8.71888 6.06344 8.1775Z"
        :fill="fill"
      />
      <path
        d="M8.39894 5.83999C7.97482 6.26416 7.65865 6.7839 7.47695 7.35555C7.29526 7.92721 7.25335 8.53411 7.35474 9.12532C7.45613 9.71652 7.69787 10.2748 8.05965 10.7532C8.42144 11.2317 8.89272 11.6164 9.43394 11.875L10.4027 10.905C9.97888 10.7913 9.59245 10.5681 9.28224 10.2577C8.97202 9.9474 8.74896 9.56088 8.63546 9.13701C8.52195 8.71315 8.52201 8.26688 8.63562 7.84305C8.74924 7.41921 8.9724 7.03275 9.28269 6.72249L11.5664 4.43749C12.0355 3.96838 12.6718 3.70485 13.3352 3.70485C13.9986 3.70485 14.6348 3.96838 15.1039 4.43749C15.573 4.90659 15.8366 5.54283 15.8366 6.20624C15.8366 6.86965 15.573 7.50588 15.1039 7.97499L14.1127 8.96499C14.2527 9.48999 14.3064 10.0337 14.2727 10.5737L15.9877 8.85874C16.691 8.15541 17.0861 7.20151 17.0861 6.20686C17.0861 5.21221 16.691 4.25831 15.9877 3.55499C15.2844 2.85166 14.3305 2.45654 13.3358 2.45654C12.3412 2.45654 11.3873 2.85166 10.6839 3.55499L8.39894 5.83999Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
