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