<template>
  <AddShowModal ref="addShowModal" v-bind="attrs" />

  <button
    type="button"
    :data-testid="testId"
    class="btn btn-default md:tw-whitespace-nowrap"
    @click="addShowModal.open()"
  >
    {{ t('showCreator.title') }}
  </button>
</template>

<script lang="ts" setup>
import { ref, useAttrs } from 'vue'

import AddShowModal from './AddShowModal.vue'
import { useI18n } from '@/i18n'

defineOptions({
  inheritAttrs: false,
})

defineProps<{
  testId?: string
}>()

const attrs = useAttrs()
const { t } = useI18n()

const addShowModal = ref()
</script>