<template>
  <div class="product-des">
    <el-input
      v-model="description"
      clearable
      placeholder="第二步：输入产品的描述，例如功能和使用场景"
    />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const description = ref<string>('');

defineExpose({
  getDescription: () => description.value
});
</script>

<style lang="scss" scoped>
.product-des {
  :deep(.el-input) {
    width: 504px !important;
    height: 48px !important;
  }

  :deep(.el-input__inner) {
    line-height: 48px;
    font-size: 16px;
    &::placeholder {
      font-weight: 400;
      font-size: 16px;
      color: rgba(40, 46, 48, 0.6);
    }
  }
}
</style>
