<div class="ui-money-input {{@wrapperClass}}">
    <div class="flex rounded-md shadow-sm">
        <span class="shadow-sm inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-200 sm:text-sm">
            {{#if @canSelectCurrency}}
                <CurrencySelect @onChange={{this.setCurrency}} @currency={{this.currency}} @currencyData={{this.currencyData}} @triggerComponent={{component "money-input/currency-handle" currency=this.currencyData}} />
            {{else}}
                <MoneyInput::CurrencyHandle @currency={{this.currencyData}} />
            {{/if}}
        </span>
        <Input @type="tel" @value={{@value}} class="form-input flex-1 rounded-l-none" {{did-insert this.autoNumerize}} ...attributes />
    </div>
</div>