<template>
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    class="transition-transform duration-200"
    :class="{ 'rotate-90': isOpen }"
    v-bind="$attrs"
  >
    <path
      d="M6 3L11 8L6 13"
      stroke="currentColor"
      stroke-width="1.5"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
  </svg>
</template>

<script lang="ts" setup>
interface Props {
  isOpen?: boolean;
}

defineProps<Props>();
</script>

<script lang="ts">
export default {
  inheritAttrs: false,
};
</script>
