initial

apps/client/components/notification-card/deposit.vue

@@ -0,0 +1,39 @@
+<template>
+  <NotificationCardBase icon="s-down-left" v-bind="props" class="card">
+    <p class="amount">
+      <span>Валюта: <strong>USDT</strong></span>
+      <span>Сумма: <strong>500</strong></span>
+    </p>
+  </NotificationCardBase>
+</template>
+
+<script setup lang="ts">
+import type { Props } from './base.vue'
+
+const props = defineProps<Omit<Props, 'icon'>>()
+</script>
+
+<style lang="scss" scoped>
+.card {
+  --notification-card-icon-color: #{$clr-green-500};
+  --notification-card-icon-background: #{$clr-green-100};
+}
+
+.amount {
+  @include txt-s;
+
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+  border-radius: 6px;
+  color: $clr-grey-500;
+  margin-top: 8px;
+  background-color: $clr-grey-200;
+  height: 32px;
+
+  strong {
+    font-weight: 600;
+  }
+}
+</style>