You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
647 B
25 lines
647 B
<template>
|
|
<div class="flex items-start rounded-xl bg-white p-4 shadow-lg">
|
|
<div
|
|
class="flex h-12 w-12 items-center justify-center rounded-full border border-blue-100 bg-blue-50"
|
|
>
|
|
<IconCommunity />
|
|
</div>
|
|
|
|
<div class="ml-4">
|
|
<h2 class="font-semibold dark:text-black">{{ messageCount }} Messages</h2>
|
|
<p class="mt-2 text-sm text-gray-500">Last opened {{ days }} days ago</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import IconCommunity from "./icons/IconCommunity.vue";
|
|
export default {
|
|
props: {
|
|
messageCount: Number,
|
|
days: Number,
|
|
},
|
|
components: { IconCommunity },
|
|
};
|
|
</script>
|