<template>
  <Frame :image="backgroundImage" class="home-searches-container mb-xl">
    <WelcomeSearches />
  </Frame>
</template>

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

import WelcomeSearches from '../searches/WelcomeSearches'

export default {
  name: 'SearchesBlock',
  components: {
    Frame,
    WelcomeSearches
  },
  props: {
    backgroundImage: {
      type: String
    }
  }
}
</script>

<style lang="scss">
.home-searches-container {
  padding: var(--spacing-xl) 0;
}

.inside-radius {
  .home-searches-container {
    border-radius: var(--radius-m);
  }
}
</style>
