<template>
  <div class="industry-title tcw">
    <img :src="titleObj.img" alt="" />
    {{ titleObj.name }}
  </div>
</template>
<script setup>
  import { onMounted, defineProps } from 'vue'

  const props = defineProps({
    titleObj: {
      type: Object,
      required: true,
    },
  })
  onMounted(() => {})
</script>

<style lang="scss" scoped>
  .industry-title {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-size: 18px;
    box-shadow: 0px 2px 6px 0px rgba(42, 42, 42, 0.04);

    img {
      width: 24px;
      height: 24px;
      margin-right: 6px;
    }
  }
</style>
