File Input Basic

                    <section class="p-6 bg-white rounded-lg shadow-sm">
  <div class="max-w-md mx-auto">
    <label for="file-upload" class="block text-sm font-medium text-gray-700 mb-2">Upload file</label>
    <input id="file-upload" type="file" class="block w-full text-sm text-gray-500
      file:mr-4 file:py-2 file:px-4
      file:rounded-md file:border-0
      file:text-sm file:font-semibold
      file:bg-blue-50 file:text-blue-700
      hover:file:bg-blue-100
      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"/>
    <p class="mt-1 text-xs text-gray-500">PDF, DOC, or image files up to 10MB</p>
  </div>
</section>