@props([
    'title',
    'inputs' => [],
    'formData',
    // new generic prop name
    'submission' => null,
])

<x-form-section :title="$title">
    <div class="space-y-8">
        @foreach ($inputs as $input)
            <x-assessment-input :x-model="$formData . '.' . $input['name']" :name="$input['name']" :title="trans($input['title'])" :hint="trans($input['hint'])"
                :submission="$submission" />
        @endforeach
    </div>
</x-form-section>