<include-source />
<template>
  <mp-box>
    <mp-box
      as="section"
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      as="nav"
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
  </mp-box>
</template>

<script>
  import { MpBox } from '@mekari/pixel'

  export default {
    name: 'CustomBox',
    components: { MpBox }
  }
</script>
