<template>
  <div class="welcome-search">
    <h1>{{ welcomeTitle }}</h1>
    <p>{{ welcomeSubtitle }}</p>
  </div>
</template>

<script>
import WelcomeSearches from '@inside-searches/displays/WelcomeSearches'

export default {
  name: 'welcome-searches',
  extends: WelcomeSearches
}
</script>

<style lang="scss">
div.welcome-search {
  color: var(--color-light);

  h1 {
    line-height: 46px;
    font-family: var(--font-secondary);

    @include fontSize(36);
  }

  p {
    margin: var(--spacing-xs) 0 var(--spacing-m);
    color: var(--color-light);

    @include fontSize(14);
  }
}
</style>
