<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 }">
        <path fill-rule="evenodd" clip-rule="evenodd"
          d="M3.00329 2.54205C3.1892 2.35642 3.41243 2.21242 3.6582 2.11959C3.90397 2.02677 4.16667 1.98723 4.42887 2.00361C4.69108 2.01998 4.94681 2.09189 5.17912 2.21458C5.41143 2.33726 5.61501 2.50792 5.77638 2.71524L7.68355 5.16533C8.03311 5.61476 8.15636 6.20019 8.01823 6.75269L7.43705 9.07954C7.40721 9.20006 7.40894 9.32625 7.44207 9.44592C7.47519 9.56558 7.5386 9.67469 7.62617 9.76272L10.2367 12.3732C10.3248 12.461 10.4341 12.5245 10.554 12.5576C10.6739 12.5908 10.8003 12.5924 10.9209 12.5624L13.2467 11.9812C13.5194 11.9134 13.8039 11.9083 14.0788 11.9663C14.3538 12.0243 14.612 12.1438 14.8341 12.3159L17.2842 14.222C18.165 14.9073 18.2457 16.2088 17.4574 16.9961L16.3588 18.0947C15.5725 18.881 14.3974 19.2263 13.302 18.8406C10.4977 17.8552 7.95187 16.25 5.85394 14.1444C3.74849 12.0468 2.14326 9.50131 1.15775 6.69744C0.773128 5.60308 1.11844 4.4269 1.90468 3.64066L3.00329 2.54205Z"
          :fill="fill"
        />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
