<template>
  <n-button
    class="naive-mobile-or-tablet"
    text
    aria-label="drawer-toggle-btn"
    :focusable="false"
  >
    <slot name="toggle">
      <naive-icon
        :name="icon"
        :size="size"
      />
    </slot>
  </n-button>
</template>

<script setup>
defineProps({
  icon: { type: String, required: false, default: "ph:equals" },
  size: { type: [Number, String], required: false, default: 26 }
});
</script>
