<template>
  <div class="relative w-full overflow-hidden bg-gray-200 rounded-lg">
    <input
      type="text"
      :value="value"
      :readonly="true"
      class="w-full px-4 py-2 text-sm leading-6 text-gray-900 bg-gray-200 border-0 border-transparent rounded-lg placeholder:text-gray-400 outline-0 focus:outline-0 focus:border-0 focus:ring-0"
    />
  </div>
</template>

<script setup lang="ts">
defineProps({
  value: {
    type: String,
    required: true
  }
})
</script>
