<script setup>
import { ElRow, ElCol } from 'element-plus';
import '@/styles/common.scss'
import WarnningPane from '@/components/base/WarningPane/index.vue'
const span = 12
</script>

<template>
  <el-row class="wrapper layout-grid-line">
    <el-col :span="span">
      <pre>
{{
  `import WarnningPane from '@/components/base/WarningPane/index.vue';
<template>
    <WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容文字">
    </WarnningPane>
</template>
`}}
</pre>
      <WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容文字">
      </WarnningPane>
    </el-col>
  </el-row>
</template>

<style lang="scss" scoped>
.person-avatar {
  width: 200px;
}
</style>