---
import Icon from '@ui/Icon.astro'

interface Props {
  class?: string
}

const { class: className } = Astro.props

const sectionClass = ['section', className]
---

<section class:list={sectionClass}>
  <div class="container">
    <div class="section-header mb-6">
      <h2 class="section-title">Subscribe on our newsletter</h2>
      <p class="section-description">Get daily news on upcoming offers from many suppliers all over the world</p>
    </div>
  </div>

  <div class="container-tight">
    <form class="row" action="./" method="get" novalidate>
      <div class="col">
        <input class="w-100 form-control" name="email" placeholder="Your Email" type="email" />
      </div>
      <div class="col-auto">
        <button type="submit" class="btn btn-primary"><Icon name="mail" /> Subscribe</button>
      </div>
    </form>
  </div>
</section>