<template>
<div class="suggestionItem">
  <span class="item-header">{{ params.passportName }}</span>
  <span class="content">
    {{ params.suggestion }}
  </span>
</div>
</template>

<script>
export default {
  name: "suggestionItem",
  props:{
    params:{
      default:()=>{}
    }
  }
}
</script>

<style scoped lang="less">
.suggestionItem{
  width: calc(100% - 40px);
  background: #FFFFFF;
  padding: 20px;
  box-shadow: 0px 13px 40px 0px rgba(27,25,86,0.06);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  .item-header{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #01040D;
    line-height: 24px;
    width: 100%;
    margin-bottom: 5px;
  }
  .content{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #01040D;
    line-height: 22px;
    width: 100%;
  }
}
</style>