@props(['model', 'placeholder' => 'cth: 100.000', 'live' => false])

<label class="input input-bordered flex items-center gap-2 w-full">
    <span class="opacity-60">Rp</span>
    <input
        type="text"
        inputmode="decimal"
        wire:model{{ $live ? '.live.debounce.400ms' : '' }}="{{ $model }}"
        x-data
        x-on:input="$el.value = window.formatRupiahInput($el.value)"
        {{ $attributes->merge(['class' => 'grow']) }}
        placeholder="{{ $placeholder }}"
    >
</label>