<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 25 25" :active="active" :className="props.color">
    <template #default="{ fill }">
      <path
        d="M12 0H14.97C15.186 1.0725 15.78 2.4255 16.8225 3.768C17.8425 5.0835 19.1955 6 21 6V9C18.3705 9 16.395 7.779 15 6.2565V16.5C15 17.9834 14.5601 19.4334 13.736 20.6668C12.9119 21.9001 11.7406 22.8614 10.3701 23.4291C8.99968 23.9968 7.49168 24.1453 6.03683 23.8559C4.58197 23.5665 3.2456 22.8522 2.1967 21.8033C1.14781 20.7544 0.433503 19.418 0.144114 17.9632C-0.145275 16.5083 0.00324965 15.0003 0.570907 13.6299C1.13856 12.2594 2.09986 11.0881 3.33323 10.264C4.5666 9.43987 6.01664 9 7.5 9V12C6.60999 12 5.73996 12.2639 4.99994 12.7584C4.25992 13.2529 3.68314 13.9557 3.34255 14.7779C3.00195 15.6002 2.91284 16.505 3.08647 17.3779C3.2601 18.2508 3.68869 19.0526 4.31802 19.682C4.94736 20.3113 5.74918 20.7399 6.6221 20.9135C7.49501 21.0872 8.39981 20.9981 9.22208 20.6575C10.0443 20.3169 10.7472 19.7401 11.2416 19.0001C11.7361 18.26 12 17.39 12 16.5V0Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
