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

<script>
import ShortcutsListing from '@inside-users/components/lib/ShortcutsListing'

import Hero from '@inside-commons/components/lib/Hero'

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