<template>
  <BasicModal
    title="تکالیف"
    title-en="Assignments"
    width="95%"
    max-width="65rem"
    min-width="auto"
    :show-close-button="true"
  >
    <template #default>
      <div class="user-assignments">
        <NoItems title="بدون تکلیف" desc="این کاربر هنوز تکلیفی ارائه نکرده است." />
      </div>
    </template>
  </BasicModal>
</template>

<script setup>
import BasicModal from '@/components/BasicModal.vue'
import NoItems from '@/components/blocks/NoItems.vue'

defineOptions({ name: 'UserAssignmentsModal' })
</script>

<style lang="scss" scoped>
.user-assignments {
  width: 100%;
  padding: 1rem 0;
}
</style>
