<script setup>
const props = defineProps({
  params: Object
})
</script>

<template>
  <div >
    <img v-if="props.params.data.orderSourceId === 1000000" src="/public/assets/marketplaces/phone.svg">
    <img class="smalllogo2" v-if="props.params.data.orderSourceId === 1000001" src="/public/assets/marketplaces/ebay.svg">
    <img class="smalllogo2" v-if="props.params.data.orderSourceId === 1000002" src="/public/assets/marketplaces/amazon.svg">
    <img v-if="props.params.data.orderSourceId === 1000003" src="/public/assets/marketplaces/person.svg">
    <img class="smalllogo3" v-if="props.params.data.orderSourceId === 1000004" src="/public/assets/marketplaces/shopware.svg">


  </div>
</template>

<style>
.smalllogo2 {
  height: auto;
  max-width: 92%;
  margin-top: -8px;
}

.smalllogo3 {
  max-width: 53%;
}
</style>