22 lines
537 B
Vue
22 lines
537 B
Vue
<template>
|
|
<div class="p-4 bg-yellow-400 rounded flex items-center justify-between max-w-3xl">
|
|
<div class="flex items-center">
|
|
<icon name="trash" class="flex-shrink-0 w-4 h-4 fill-yellow-900 mr-2" />
|
|
<div class="text-yellow-900">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
<button class="text-yellow-900 hover:underline" tabindex="-1" type="button" @click="$emit('restore')">Restore</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Icon from '@/Shared/Icon'
|
|
|
|
export default {
|
|
components: {
|
|
Icon,
|
|
},
|
|
}
|
|
</script>
|