<template>
  <view 
    class="d-flex w-100 flex-row align-center bg-light-light-primary radius-base mt-2 p-2 pb-3 pt-3"
    @click="$emit('click')"
  >
    <view class="d-flex flex-col ml-3 flex-one">
      <text class="color-primary">{{ title }}</text>
      <text class="color-primary-second-text">{{ desc }}</text>
    </view>
    <slot />
  </view>
</template>

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