<template>
  <view 
    class="d-flex flex-row justify-between shadow-s radius-base mt-3 p-2"
    @click="$emit('click')"
  >
    <view class="d-flex flex-row">
      <slot name="left" />
      <view class="d-flex flex-col ml-3 flex-one">
        <text class="color-primary">{{ title }}</text>
        <text class="color-second mt-2">{{ desc }}</text>
      </view>
    </view>
    <text v-if="right" class="color-primary-second-text size-ss">{{ right }}</text>
    <text v-else class="color-title-text iconfont icon-arrow-right"></text>
  
  </view>
</template>

<script setup lang="ts">
defineProps({
  title: String,
  desc: String,
  right: String,
})
</script>