<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="M19.1578 8C21.5686 8 23.52 9.95143 23.52 12.3586C23.52 14.7657 21.5686 16.7171 19.1578 16.7171C17.5959 16.7171 16.2288 15.8976 15.4571 14.6665C15.876 13.9976 16.1185 13.2075 16.1185 12.3586C16.1185 11.5096 15.876 10.7195 15.4571 10.0507L15.4865 10.0066C16.2509 8.81953 17.5738 8.02572 19.0843 8H19.1578ZM11.76 8C13.3219 8 14.6853 8.81953 15.4571 10.0507C15.0381 10.7195 14.7992 11.5096 14.7992 12.3586C14.7992 13.2075 15.0381 13.9976 15.4571 14.6665L15.4313 14.7106C14.6669 15.8976 13.3439 16.6914 11.8335 16.7171H11.76C10.1981 16.7171 8.83103 15.8976 8.05927 14.6665C8.47822 13.9976 8.72077 13.2075 8.72077 12.3586C8.72077 11.5096 8.47822 10.7195 8.05927 10.0507L8.08868 10.0066C8.85308 8.81953 10.1761 8.02572 11.6865 8H11.76ZM4.36223 8C5.9241 8 7.28752 8.81953 8.05927 10.0507C7.64032 10.7195 7.40145 11.5096 7.40145 12.3586C7.40145 13.2075 7.64032 13.9976 8.05927 14.6665L8.03355 14.7106C7.26915 15.8976 5.94615 16.6914 4.43573 16.7171H4.36223C1.95143 16.7134 0 14.7657 0 12.3586C0 9.95143 1.95143 8 4.36223 8Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
