<template>
  <view 
    class="d-flex w-100 flex-row align-center bg-light-light-primary radius-base mt-2 p-2"
    @click="$emit('click')"
  >
    <image class="width-100 height-100 radius-base" src="/static/images/discover/PlayButtonLarge.png" mode="aspectFill" />
    <view class="d-flex flex-col ml-3 flex-one">
      <text class="color-primary">{{ title }}</text>
      <text v-if="desc" class="color-primary-second-text">{{ desc }}</text>
    </view>
    <text class="iconfont icon-arrow-right color-primary" />
  </view>
</template>

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