<script>
export default {
  props: ["client"],
  data: () => {
    return {};
  },
};
</script>

<template>
  <div class="shadow-sm border border-ternary-light rounded-lg bg-white">
    <a :href="client.url" class="h-full" target="_blank">
      <img
        :src="client.img"
        :alt="client.title"
        class="h-20 md:h-28 max-h-28 md:max-h-32 p-4 sm:p-4 flex-shrink-0 flex-none"
      />
    </a>
  </div>

</template>

<style lang="scss" scoped>

</style>
