<script setup>
import { BaseIcon } from "@components/common/icons"

const props = defineProps({
  color: { type: String, default: 'inherit' },
  active: { type: Boolean, default: false },
  width: { type: String, default: "20" },
  height: { type: String, default: "20" }
});
</script>

<template>
  <BaseIcon viewBox="0 0 21 20" :width="props.width" :height="props.height"  :active="active" :className="props.color">
    <template #default="{ fill }">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.955 16.875C7.955 17.0408 8.02085 17.1997 8.13806 17.3169C8.25527 17.4342 8.41424 17.5 8.58 17.5H16.875C17.3723 17.5 17.8492 17.3025 18.2008 16.9508C18.5525 16.5992 18.75 16.1223 18.75 15.625V3.125C18.75 2.62772 18.5525 2.15081 18.2008 1.79917C17.8492 1.44754 17.3723 1.25 16.875 1.25H4.375C3.87772 1.25 3.40081 1.44754 3.04917 1.79917C2.69754 2.15081 2.5 2.62772 2.5 3.125V11.42C2.5 11.5858 2.56585 11.7447 2.68306 11.8619C2.80027 11.9792 2.95924 12.045 3.125 12.045C3.29076 12.045 3.44973 11.9792 3.56694 11.8619C3.68415 11.7447 3.75 11.5858 3.75 11.42V3.125C3.75 2.95924 3.81585 2.80027 3.93306 2.68306C4.05027 2.56585 4.20924 2.5 4.375 2.5H16.875C17.0408 2.5 17.1997 2.56585 17.3169 2.68306C17.4342 2.80027 17.5 2.95924 17.5 3.125V15.625C17.5 15.7908 17.4342 15.9497 17.3169 16.0669C17.1997 16.1842 17.0408 16.25 16.875 16.25H8.58C8.41424 16.25 8.25527 16.3158 8.13806 16.4331C8.02085 16.5503 7.955 16.7092 7.955 16.875Z"
        :fill="fill"
      />
      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7508 6.875C13.7508 6.70924 13.6849 6.55027 13.5677 6.43306C13.4505 6.31585 13.2915 6.25 13.1258 6.25H6.87579C6.71003 6.25 6.55106 6.31585 6.43385 6.43306C6.31664 6.55027 6.25079 6.70924 6.25079 6.875C6.25079 7.04076 6.31664 7.19973 6.43385 7.31694C6.55106 7.43415 6.71003 7.5 6.87579 7.5H11.617L1.43329 17.6825C1.31593 17.7999 1.25 17.959 1.25 18.125C1.25 18.291 1.31593 18.4501 1.43329 18.5675C1.55065 18.6849 1.70982 18.7508 1.87579 18.7508C2.04176 18.7508 2.20093 18.6849 2.31829 18.5675L12.5008 8.38375V13.125C12.5008 13.2908 12.5666 13.4497 12.6838 13.5669C12.8011 13.6842 12.96 13.75 13.1258 13.75C13.2915 13.75 13.4505 13.6842 13.5677 13.5669C13.6849 13.4497 13.7508 13.2908 13.7508 13.125V6.875Z"
        :fill="fill"
      />
    </template>
  </BaseIcon>
</template>

<style scoped></style>
