@props([
    'name',
    'id' => null,
    'value' => '',
    'min' => 0,
    'max' => 100,
    'step' => '0.01',
])

@php
    $inputId = $id ?? $name;
@endphp

<div class="app-input-group">
    <input
        type="number"
        name="{{ $name }}"
        id="{{ $inputId }}"
        value="{{ $value }}"
        min="{{ $min }}"
        max="{{ $max }}"
        step="{{ $step }}"
        {{ $attributes->class(['app-input-group__control']) }}
    >
    <span class="app-input-group__suffix" aria-hidden="true">%</span>
</div>