<script setup>
const props = defineProps({
  params: Object
})
//
// const countryCode = computed(() => {
//   return props.params.data.countries?.filter(i => props.params.data.countryId == i.id)?.[0]?.CountryCode ?? 'DE'
// })
</script>

<template>
  <div class="wrappersmallogon">
    <img class="smalllogo1n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipper == 'DHL'" src="/public/assets/shipper/dhl_logo_small.svg">
    <img class="smalllogo2n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipper == 'DPD'" src="/public/assets/shipper/dpd_logo_small.png">
    <img class="smalllogo3n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperId == '1000002'" src="/public/assets/shipper/gelexpress.png">
    <img class="smalllogo3n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperId == '1000005'" src="/public/assets/shipper/cargo_logo_small.png">
    <img class="smalllogo3n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperId == '1000006'" src="/public/assets/shipper/dhlexpress.png">
  </div>
</template>

<style>
.wrappersmallogon {
  padding-left: 3px;
}

img.smalllogo1n {
  margin-top: 8px;
  margin-left: 2px;
}

.smalllogo2n {
  width: 80%;
  margin-top: 5px;
  margin-left: 7px;
}

.smalllogo3n {
  width: 140%;
  margin-top: 3px;
  margin-left: 3px;
}
</style>
