<template>
  <PopupTemplate size="SMALL" heading="Delete Pod" @close="emits('close')">
    <div class="content-l">
        <div class="content-m">
            <div class="tile-m">
                <h3>Namespace</h3>
                <p>{{ pod.metadata.namespace }}</p>
            </div>
            <div class="tile-m">
                <h3>Name</h3>
                <p>{{ pod.metadata.name }}</p>
            </div>
        </div>
        <div class="center">
            <UiButton class="width-6rem hollow">Cancel</UiButton>
            <UiButton class="width-6rem" icon="delete" reverse>Delete</UiButton>
        </div>
    </div>
  </PopupTemplate>
</template>

<script setup lang="ts">
import { type Pod } from '~/classes/Pod';

defineProps<{
    pod: Pod
}>();

const emits = defineEmits<{
    (e: 'close'): void
}>()
</script>

<style scoped>

</style>
