@props([
    'id' => null,
    'name',
    'label' => null,
    'value' => null,
    'hint' => null,
    'error' => null,
    'required' => false,
    'disabled' => false,
    'readonly' => false,
    'loading' => false,
    'wide' => false,
])

<x-ui.text-input
    :id="$id"
    :name="$name"
    :label="$label"
    :value="$value"
    type="text"
    inputmode="decimal"
    suffix="%"
    :hint="$hint"
    :error="$error"
    :required="$required"
    :disabled="$disabled"
    :readonly="$readonly"
    :loading="$loading"
    :wide="$wide"
    data-ui-percent-input
    {{ $attributes }}
/>