.ads-TextInput--product {
  @apply border-gray-500
    bg-white
    text-gray-700;
}

.ads-TextInput--product::placeholder {
  @apply text-placeholder;
}

/* Not using :disabled pseudo-class here for specificity reasons */
/* Not qualifying with the --product modifier for specificity reasons */
.ads-TextInput--disabled {
  @apply bg-gray-200
    border-gray-400
    text-gray-700
    cursor-not-allowed;
}