@props(['data' => []])

@php
$style = $data['style'] ?? 'unordered';
$items = $data['items'] ?? [];
$tag = $style === 'ordered' ? 'ol' : 'ul';
$listClasses = $style === 'ordered'
? 'list-decimal list-inside'
: 'list-disc list-inside';
@endphp

<{{ $tag }} class="{{ $listClasses }} my-6 space-y-2 text-foreground leading-[var(--gold,1.618)]">
    @foreach($items as $item)
    <li>{{ $item }}</li>
    @endforeach
</{{ $tag }}>