@props(['title' => config('app.name')])

<mjml>
  <mj-head>
    <mj-title>{{ $title }}</mj-title>
    <mj-attributes>
      <mj-all font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" />
      <mj-text font-size="16px" color="#51545e" line-height="1.6" />
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#f2f4f6">
    <x-mjml::header />

    <!-- Corps du message / Carte centrale -->
    <mj-wrapper background-color="#ffffff" padding="30px" border-radius="4px">
      {{ $slot }}
    </mj-wrapper>

    <x-mjml::footer />
  </mj-body>
</mjml>