<template>
  <div 
    :class="[
      'ImageTitleDescBlock',
    ]"
  >
    <img :src="image" />
    <TitleDescBlock 
      :title="title"
      :desc="desc"
    />
  </div>
</template>

<script setup lang="ts">
import TitleDescBlock from './TitleDescBlock.vue';

defineProps({	
  title: {
    type: String,
    default: '' 
  },
  desc: {
    type: String,
    default: '' ,
  },
  image: {
    type: String,
    default: '' 
  },
})
</script>

<style lang="scss">
@use '@/assets/scss/colors.scss' as *;

.ImageTitleDescBlock  {
  display: flex;
  flex-direction: row;
  padding: 24px;

  img {
    width: 18%;
    margin-right: 24px;
  }
}
</style>