<template>
  <Hero
    :slots="[['1fr', '3fr']]"
    :tablet-slots="[[]]"
    size="l"
    padding-size="3xl"
    class="heromodule"
  >
    <template #1-2>
      <ShortcutsListing
        :background="true"
        :background-color="$_theme('colorLight')"
      />
    </template>
  </Hero>
</template>

<script>
import Hero from '@inside-commons/components/lib/Hero'

import ShortcutsListing from '@inside-users/components/lib/ShortcutsListing'

export default {
  name: 'HomeHeroModule',
  components: {
    Hero,
    ShortcutsListing
  }
}
</script>
