<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="M10 4L11.8182 5.92L10 7.6L11.8182 9.28L10 10.72L11.8182 12.64L10 14.2L11.8182 16H18.2955C18.7475 16 19.1811 15.8104 19.5007 15.4728C19.8204 15.1352 20 14.6774 20 14.2V12.4C20 12.2409 19.9401 12.0883 19.8336 11.9757C19.727 11.8632 19.5825 11.8 19.4318 11.8C18.9797 11.8 18.5462 11.6104 18.2265 11.2728C17.9069 10.9352 17.7273 10.4774 17.7273 10C17.7273 9.52261 17.9069 9.06477 18.2265 8.72721C18.5462 8.38964 18.9797 8.2 19.4318 8.2C19.5825 8.2 19.727 8.13679 19.8336 8.02426C19.9401 7.91174 20 7.75913 20 7.6V5.8C20 5.32261 19.8204 4.86477 19.5007 4.52721C19.1811 4.18964 18.7475 4 18.2955 4H10Z"
        :fill="fill"
      />
      <path fill-rule="evenodd" clip-rule="evenodd"
        d="M0.49925 4.52721C0.818914 4.18964 1.25247 4 1.70455 4H8.18182L10 5.92L8.18182 7.6L10 9.28L8.18182 10.72L10 12.64L8.18182 14.2L10 16H1.70455C1.25247 16 0.818914 15.8104 0.49925 15.4728C0.179586 15.1352 0 14.6774 0 14.2V12.4C0 12.2409 0.0598618 12.0883 0.166417 11.9757C0.272971 11.8632 0.417491 11.8 0.568182 11.8C1.02026 11.8 1.45381 11.6104 1.77348 11.2728C2.09314 10.9352 2.27273 10.4774 2.27273 10C2.27273 9.52261 2.09314 9.06477 1.77348 8.72721C1.45381 8.38964 1.02026 8.2 0.568182 8.2C0.417491 8.2 0.272971 8.13679 0.166417 8.02426C0.0598618 7.91174 0 7.75913 0 7.6V5.8C0 5.32261 0.179586 4.86477 0.49925 4.52721Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
