@props(['copy' => '', 'msg' => ''])

<div {!! $attributes->merge(['class' => 'input-group']) !!}>
	<div class="input-group" onclick="theCopyData('{{ $copy }}', '{{ $msg }} copied!');" style="pointer-events: initial">
		<input style="font-size: 12px" data-copy-click-id="copy-address" type="text" readonly class="form-control" value="{{ $copy }}">
		<span class="input-group-text border-start-0 bg-white">
			<x-tooltip title="Click to copy">
                <i class="ri-file-copy-line h5 mb-0 lh-normal hp-transition hp-hover-text-color-primary-3 hp-cursor-pointer remix-icon text-primary"></i>
			</x-tooltip>
        </span>
	</div>
</div>