<template>
  <h3 class="product-title text-sm/4">{{ title }}</h3>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: null,
  }
});
</script>

<style scoped>
.product-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--product_list_title_max_lines, 3);
  overflow: hidden;
}
</style>
