<script setup lang="ts">
withDefaults(defineProps<{
  loading: boolean
}>(), {
  loading: false,
})

const emit = defineEmits<{ (e: 'click'): void }>()

const { t } = useI18n()
</script>

<template>
  <div class="flex items-center gap-4">
    <hr class="h-[0.5px] w-full bg-gray-500/50">
    <a-button
      :loading="loading"
      :disabled="loading"
      class="flex items-center gap-2"
      size="md"
      variant="gray"
      @click="emit('click')"
    >
      <slot>
        <span>{{ t('actions.showMore') }}</span>
        <a-icon-chevron-down />
      </slot>
    </a-button>
    <hr class="h-[0.5px] w-full bg-gray-500/50">
  </div>
</template>

<style scoped>

</style>
