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

<script setup lang="ts">
import ImageTest from '/static/images/home/ImageTest.jpg';

defineProps({
  title: {
    type: String,
    default: '',
  },
  image: {
    type: String,
    default: ImageTest,
  }
})

</script>