<template>
  <div class="right-component">
    <m-card mode="border">
      <Complain />
    </m-card>
    <m-card mode="border"></m-card>
    <m-card mode="border"></m-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import Complain from './complain.vue'

export default defineComponent({
  name: 'RightComponent',
  components: { Complain },
})
</script>

<style lang="stylus" scoped>
@import '../../components/MyComponent/main.styl'

.right-component
  $full()
  display flex
  justify-content space-between
  >div
    height 100%
    width 33%
</style>
