@props(['disabled' => false, 'label' => null,'pre'=>null])
<div>
    @if ($label)
        <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
            {{ $label }}
        </label>
    @endif

    @if ($pre)
        <pre class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400 whitespace-nowrap">
            {{ $pre }}
        </pre>
    @endif
    <x-ui.input :disabled="$disabled" type="number" :attributes="$attributes" />
    <p class="text-theme-xs text-error-500">{{ $errors->first($attributes->get('wire:model')) }}</p>
</div>