---
export interface Props {
  tag?: string;
  title?: string;
  body?: string;
  email?: string;
  addr?: string;
}
const {
  tag = '[06] CONTACT.',
  title = 'ON SE PARLE ?',
  body = "DATE &middot; LIEU APPROXIMATIF &middot; NOMBRE D'INVITES. REPONSE SOUS 48H.",
  email = 'hello@laurelvow.fr',
  addr = 'STUDIO LAUREL &amp; VOW &middot; PARIS &middot; FR',
} = Astro.props;
const subject = encodeURIComponent("Demande d'information");
---
<section class="contact" id="contact">
  <p class="tag">{tag}</p>
  <h2 class="contact__title">{title}</h2>
  <p set:html={body}></p>
  <a class="cta cta--big" href={`mailto:${email}?subject=${subject}`}>{`[ ${email.toUpperCase()} ]`}</a>
  <p class="contact__addr" set:html={addr}></p>
</section>
