@props([
    'eyebrow' => null,
    'lead' => '',
    'hero' => '',
    'ondark' => false,
    'surface' => false,
])

<div {{ $attributes->class(['sy-heading', 'sy-heading--ondark' => $ondark, 'sy-heading--surface' => $surface]) }}>
    @if ($eyebrow)
        <span class="sy-eyebrow">{{ $eyebrow }}</span>
    @endif
    <h2 class="sy-heading__title">
        <span>{{ $lead }}</span><span class="sy-heading__hero">{{ $hero }}</span>
    </h2>
    <div @class(['sy-line', 'sy-line--ondark' => $ondark])></div>
</div>