<template>
  <div class="bo-base-card">
    <div class="user-wrap">
      <User :data="data.user_info"/>
    </div>
    <p class="desc">{{ data.desc }}</p>
  </div>
</template>

<script>
import User from "@RecordCard/components/Common/User/index.vue";
export default {
  name: "BoBaseCard",
  components: { User },
  props: {
    data: {
      type: Object,
      default: () => {},
    },
  },
};
</script>

<style lang="scss" scoped>
.bo-base-card {
  background: #ffffff;
  border-radius: j(12px);
  box-sizing: border-box;
  @extend %flex-middle;
  .user-wrap{
    color: rgba(41, 80, 184, 1);
  }
  .desc {
    font-weight: 500;
    font-size: j(14px);
    color: #000000;
    flex-shrink: 0;
    margin-left: j(4px);
  }
}
</style>
