1<div class="mb-6 relative">
2  <label for="input" class="block text-sm font-extrabold text-gray-700 mb-1"
3    >Your Input Label</label
4  >
5  <div class="relative">
6    <input
7      type="text"
8      id="input"
9      name="input"
10      class="mt-1 p-4 border-2 border-blue-500 rounded-md focus:outline-none focus:border-blue-700 w-full transition duration-300 ease-in-out placeholder-gray-500 bg-gray-100"
11      placeholder="Type in ..."
12    />
13    <div
14      class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none"
15    >
16      <svg
17        class="h-6 w-6 text-gray-400"
18        fill="none"
19        stroke="currentColor"
20        viewBox="0 0 24 24"
21        xmlns="http://www.w3.org/2000/svg"
22      >
23        <path
24          stroke-linecap="round"
25          stroke-linejoin="round"
26          stroke-width="2"
27          d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
28        ></path>
29        <path
30          stroke-linecap="round"
31          stroke-linejoin="round"
32          stroke-width="2"
33          d="M2 19l-2 2m0 0l2-2m-2 2h16a2 2 0 002-2V5a2 2 0 00-2-2H2a2 2 0 00-2 2v12a2 2 0 002 2z"
34        ></path>
35      </svg>
36    </div>
37  </div>
38</div>
39