<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
        d="M19.9999 7.8036V8.01764L19.9605 8.24333C19.7982 9.00977 19.1492 9.86798 18.6567 10.469C18.0615 11.1954 17.3553 11.919 16.6197 12.5036C16.1297 12.893 15.206 13.5587 14.5581 13.4813C13.8358 13.395 13.8721 12.0276 13.0372 12.2392C12.6499 12.3375 12.468 12.9012 12.279 13.2063C11.7612 14.0406 11.3101 12.6913 11.1475 12.3009C10.9482 11.8224 10.6571 10.894 10.2488 10.5834C9.6574 10.1334 9.26493 11.019 9.07418 11.4372C8.65192 12.3625 8.51939 13.3978 7.27623 13.4735C5.86322 13.5598 4.18206 12.5738 3.08034 11.7584C2.38788 11.2461 1.70397 10.6396 1.13719 9.99093C0.72555 9.5197 0.232741 8.86114 0.0649332 8.25429C0.0392483 8.16114 0.0234948 8.06661 0.00294689 7.97244C0.00979621 7.88579 -0.00629968 7.78682 0.00294689 7.70189C0.110481 6.70086 1.75569 6.81388 2.45603 6.89196C3.74575 7.03579 5.09507 7.4584 6.31699 7.88237C7.27418 8.21422 8.29678 8.68408 9.28822 8.87072C10.5759 9.11319 11.7601 8.55223 12.9519 8.15257C14.3105 7.69744 15.7482 7.17929 17.1649 6.95018C17.9112 6.82963 19.6225 6.62449 19.9406 7.55257L19.9999 7.8036Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
