<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="M10 2.22854C8.76875 1.16979 6.98375 1.01229 5.35875 1.17479C3.46625 1.36604 1.55625 2.01479 0.36625 2.55604C0.257061 2.6057 0.164469 2.68573 0.0995263 2.78658C0.0345834 2.88743 3.32143e-05 3.00484 0 3.12479L0 16.8748C2.89525e-05 16.9794 0.0262964 17.0823 0.0763964 17.174C0.126496 17.2658 0.198827 17.3436 0.286764 17.4002C0.3747 17.4568 0.475431 17.4904 0.579729 17.498C0.684028 17.5056 0.788559 17.4868 0.88375 17.4435C1.98625 16.9435 3.7625 16.3423 5.48375 16.1685C7.245 15.991 8.72125 16.2773 9.5125 17.2648C9.57106 17.3378 9.64527 17.3967 9.72965 17.4372C9.81402 17.4777 9.90641 17.4987 10 17.4987C10.0936 17.4987 10.186 17.4777 10.2704 17.4372C10.3547 17.3967 10.4289 17.3378 10.4875 17.2648C11.2788 16.2773 12.755 15.991 14.515 16.1685C16.2375 16.3423 18.015 16.9435 19.1163 17.4435C19.2114 17.4868 19.316 17.5056 19.4203 17.498C19.5246 17.4904 19.6253 17.4568 19.7132 17.4002C19.8012 17.3436 19.8735 17.2658 19.9236 17.174C19.9737 17.0823 20 16.9794 20 16.8748V3.12479C20 3.00484 19.9654 2.88743 19.9005 2.78658C19.8355 2.68573 19.7429 2.6057 19.6337 2.55604C18.4438 2.01479 16.5338 1.36604 14.6413 1.17479C13.0163 1.01104 11.2312 1.16979 10 2.22854Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
