<template>
    <div class="import">
       <ImportSystemConfig  coverType="new">
           <span  class="item-action">新增模式导入</span>
        </ImportSystemConfig>
        <ImportSystemConfig  coverType="override">
           <span  class="item-action">覆盖模式导入</span>
        </ImportSystemConfig>
    </div>
    
</template>

<script lang="ts" setup>
 import ImportSystemConfig from './ImportSystemConfig.vue';
</script>

<style lang="less" scoped>
    .import{
       display:flex;
       flex-direction:row;
       align-items:center;
       justify-content:center;
       height:100%;
       width:100%;
       gap:100px;
       border:1px solid #d6d6d6;
       border-radius:8px;
    }
    
    .item-action {
       border:1px solid rgba(206, 206, 206, 1);
       padding:6px 8px;
       border-radius:8px;
       color:rgba(0, 0, 0, 0.8);
    }
    .item-action:hover {
        cursor: pointer;
        background:rgba(22, 119, 224, 1);
        color:white;
       
    }
    
</style>
