<template>
  <Hero :slots="[['1fr']]" :tablet-slots="[[]]" size="l" class="mb-xxl">
    <template #1-1>
      <ShortcutsListing
        :background="true"
        :background-color="$_theme('colorLight')"
        :dark-mode="false"
        :fractions="2"
      />
    </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>
