<include-source />
<template>
  <mp-box
    bg="background"
    px="4"
    py="2"
    m="5"
  >
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
    <mp-box
      border="1px"
      p="5"
      m="5"
      rounded="sm"
      color="blue.700"
    />
  </mp-box>
</template>

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

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