<!-- src/components/alarm/NoticeItem.vue -->
<template>
  <div class="notice-item">
    <div class="notice-content">
      {{ notice.content }}
    </div>
  </div>
</template>

<script setup>
defineProps({
  notice: {
    type: Object,
    required: true
  }
})
</script>

<style scoped>
.notice-item {
    width: 90%;
    padding: 15px;
    margin-bottom: 10px;
    background: #081f50;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #09d2ff;
}

.notice-content {
  color: white;
  font-size: 14px;
}
</style>