export function inputClasses(feature: 'box') {
  const out: string[] = []

  if (feature === 'box')
    out.push('text-input-size bg-theme-100 hover:bg-theme-200 border-theme-300')

  return out
}

export function textInputClasses() {
  const out = [
    'font-mono',
    'font-medium',
    'tracking-tight',
    'antialiased',
    'block',
    'w-full',
    'appearance-none',
    'outline-none',
    'focus:outline-none',
    'focus:border-input-border-alt',
    'focus:shadow-[inset_0px_4px_4px_-4px_rgba(0,0,0,0.1)]',
    'disabled:cursor-not-allowed',
    'disabled:opacity-70',
    'resize-none',
    'focus:ring-0',
    'focus:ring-input-color',
    'rounded-input',
    'px-input-x',
    'py-input-y',
    'text-input-size',
    'input-shadow-sm',

    'border-input-border',
    'placeholder:text-input-placeholder',
    'bg-input-bg',
    'text-input-text',
    'max-w-input',
  ]

  return out
}