@switch($settings->section_divider)
    @case('line')
        <div class="w-full px-8">
            <div class="border-t" style="border-color: var(--site-border)"></div>
        </div>
        @break
    @case('wave')
        <div class="w-full overflow-hidden" style="color: var(--site-bg)">
            <svg viewBox="0 0 1200 60" preserveAspectRatio="none" class="w-full h-10 block">
                <path d="M0,30 C200,60 400,0 600,30 C800,60 1000,0 1200,30 L1200,60 L0,60 Z" fill="currentColor"/>
            </svg>
        </div>
        @break
    @case('angle')
        <div class="w-full overflow-hidden" style="color: var(--site-bg)">
            <svg viewBox="0 0 1200 60" preserveAspectRatio="none" class="w-full h-10 block">
                <polygon points="0,60 1200,0 1200,60" fill="currentColor"/>
            </svg>
        </div>
        @break
    @case('curve')
        <div class="w-full overflow-hidden" style="color: var(--site-bg)">
            <svg viewBox="0 0 1200 60" preserveAspectRatio="none" class="w-full h-10 block">
                <path d="M0,60 Q600,0 1200,60 Z" fill="currentColor"/>
            </svg>
        </div>
        @break
@endswitch
