<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.9375 1C5.08668 1 5.22976 1.05926 5.33525 1.16475C5.44074 1.27024 5.5 1.41332 5.5 1.5625V2.125H14.5V1.5625C14.5 1.41332 14.5593 1.27024 14.6648 1.16475C14.7702 1.05926 14.9133 1 15.0625 1C15.2117 1 15.3548 1.05926 15.4602 1.16475C15.5657 1.27024 15.625 1.41332 15.625 1.5625V2.125H16.75C17.3467 2.125 17.919 2.36205 18.341 2.78401C18.7629 3.20597 19 3.77826 19 4.375V16.75C19 17.3467 18.7629 17.919 18.341 18.341C17.919 18.7629 17.3467 19 16.75 19H3.25C2.65326 19 2.08097 18.7629 1.65901 18.341C1.23705 17.919 1 17.3467 1 16.75V6.625H19V5.5H1V4.375C1 3.77826 1.23705 3.20597 1.65901 2.78401C2.08097 2.36205 2.65326 2.125 3.25 2.125H4.375V1.5625C4.375 1.41332 4.43426 1.27024 4.53975 1.16475C4.64524 1.05926 4.78832 1 4.9375 1Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
