<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="M4.55647 2.47546C4.55647 2.34936 4.60657 2.22843 4.69573 2.13926C4.7849 2.05009 4.90584 2 5.03194 2H14.5412C14.6673 2 14.7883 2.05009 14.8774 2.13926C14.9666 2.22843 15.0167 2.34936 15.0167 2.47546C15.0167 2.98706 15.0059 3.47394 14.9844 3.93609C15.3601 3.99831 15.7196 4.13514 16.0416 4.33851C16.3636 4.54187 16.6417 4.80766 16.8593 5.1202C17.077 5.43273 17.2299 5.78569 17.3089 6.15825C17.388 6.53081 17.3917 6.91543 17.3197 7.28943C17.2478 7.66344 17.1017 8.01925 16.89 8.33589C16.6784 8.65252 16.4055 8.92357 16.0874 9.13306C15.7693 9.34254 15.4125 9.48621 15.038 9.5556C14.6636 9.62498 14.279 9.61868 13.907 9.53706C13.1557 11.3105 12.1211 12.1778 11.213 12.4003V14.4667L12.568 14.8052C12.7525 14.8509 12.9265 14.9336 13.0787 15.0477L14.8265 16.359C14.9063 16.4189 14.9653 16.5024 14.9951 16.5976C15.0248 16.6929 15.0238 16.7951 14.9923 16.8898C14.9607 16.9844 14.9002 17.0668 14.8192 17.1251C14.7383 17.1835 14.641 17.2149 14.5412 17.2149H5.03194C4.93214 17.2149 4.83488 17.1835 4.75393 17.1251C4.67297 17.0668 4.61243 16.9844 4.58087 16.8898C4.54931 16.7951 4.54834 16.6929 4.5781 16.5976C4.60785 16.5024 4.66682 16.4189 4.74666 16.359L6.49447 15.0477C6.64661 14.9336 6.82063 14.8509 7.00511 14.8052L8.36019 14.4667V12.4003C7.45205 12.1778 6.41744 11.3105 5.66621 9.53611C5.294 9.61817 4.90912 9.62481 4.53431 9.55565C4.15949 9.48648 3.80233 9.34291 3.48393 9.13341C3.16553 8.9239 2.89233 8.65272 2.68049 8.33588C2.46864 8.01903 2.32243 7.66295 2.25049 7.28865C2.17855 6.91436 2.18235 6.52944 2.26166 6.15664C2.34096 5.78384 2.49417 5.4307 2.71223 5.1181C2.93029 4.8055 3.20878 4.53976 3.53125 4.33658C3.85373 4.1334 4.21365 3.9969 4.58975 3.93514C4.56734 3.44891 4.55624 2.96222 4.55647 2.47546ZM4.65061 4.89082C4.15441 4.98162 3.71459 5.26581 3.42792 5.68088C3.14125 6.09595 3.0312 6.6079 3.122 7.10411C3.21279 7.60032 3.49698 8.04014 3.91205 8.32681C4.32712 8.61348 4.83908 8.72352 5.33528 8.63273C5.01862 7.63425 4.77614 6.40185 4.65061 4.89082ZM14.2388 8.63273C14.735 8.72352 15.247 8.61348 15.6621 8.32681C16.0771 8.04014 16.3613 7.60032 16.4521 7.10411C16.5429 6.6079 16.4329 6.09595 16.1462 5.68088C15.8595 5.26581 15.4197 4.98162 14.9235 4.89082C14.797 6.4028 14.5545 7.63425 14.2388 8.63273Z"
        :fill="fill"
      />

    </template>
  </BaseIcon>
</template>

<style scoped></style>
