---
wrapper: 'p-4 max-w-sm mx-auto'
---

<label for="photobutton" class="text-xs font-medium text-gray-500"> Your Photo </label>
<div class="relative z-0 mt-0.5 flex w-full -space-x-px">
  <input
    id="photobutton"
    type="file"
    class="block w-full cursor-pointer appearance-none rounded-l-md border border-gray-200 bg-white px-3 py-2 text-sm transition focus:z-10 focus:border-blue-600 focus:outline-none focus:ring-1 focus:ring-blue-600 disabled:cursor-not-allowed disabled:bg-gray-200 disabled:opacity