<template>
  <svg
    class="h-5 w-5 transition-transform group-hover:rotate-180"
    fill="none"
    stroke="currentColor"
    viewBox="0 0 24 24"
    v-bind="$attrs"
  >
    <path
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-width="2"
      d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
    />
  </svg>
</template>

<script setup lang="ts">
// Inherit attributes to allow class and style overrides
defineOptions({
  inheritAttrs: false,
});
</script>
