@php
$type = $data['type'] ?? 'spacer';
$height = $data['height'] ?? 'md';
$color = $data['color'] ?? '#e2e8f0';
$width = $data['width'] ?? 100;

$heights = [
    'xs' => '20px',
    'sm' => '40px',
    'md' => '60px',
    'lg' => '80px',
    'xl' => '120px',
];

$h = $heights[$height] ?? '60px';
@endphp

<div class="separator-block" style="padding: {{ $type === 'spacer' ? ($h . ' 0') : '0' }}; display: flex; justify-content: center; align-items: center; width: 100%;">
    @if($type === 'divider')
        <div style="width: {{ $width }}%; height: 1px; background-color: {{ $color }}; margin: {{ $h }} 0;"></div>
    @endif
</div>
