<template>
  <div class="card">
    <header
      class="card-content is-flex is-justify-content-space-between is-align-items-center"
    >
      <h3 class="title is-4 mb-0">Nous trouver</h3>
      <ButtonIcon
        label="Nous contacter"
        icon="ri-mail-line"
        class="is-primary"
      />
    </header>
    <div class="card-content">
      <div>
        <div class="is-flex socials">
          <SocialsFacebook />
          <SocialsInstagram />
          <SocialsNewsletter />
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="sass">
.card
  width: fit-content
</style>
