<template>
    <div  class="popup-overlay" @click.self="$emit('close')">
                <div class="popup-content">
                  <div class="card">
                    <div class="card-body">
                      <h2 class="card-title">반려 사유</h2>
                      <textarea name="" id="" class="form-control "></textarea>
                      <div class="buttons">
              <button class="btn sm primary"  type="submit">등록</button>
              <button class="btn sm tertiary"  type="submit" @click="$emit('close')">취소</button>
              </div>
                    </div>
                  </div>
                  <button @click="$emit('close')" class="close-btn">
                    <CloseCircleFilled />
                  </button>
                </div>
              </div>
</template>
<script>
import { SearchOutlined, CloseCircleFilled } from '@ant-design/icons-vue';

export default {
    data() {
        return {
        }
    },
    components: {
    SearchOutlined, CloseCircleFilled
  },
  methods: {
    selectCar(item) {
    this.$emit('select', item); // 부모에게 데이터 전달
  },
    
  }
}
</script>
<style scoped>
.popup-content {
    width: 50%;
    
}
.form-control{
      border-color: #C7CFE3;
      min-height: 20rem;
      }
</style>