OxqlField.tsx

/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, you can obtain one at https://mozilla.org/MPL/2.0/.
 *
 * Copyright Oxide Computer Company
 */
import type { FieldPath, FieldValues } from 'react-hook-form'

import type { TextAreaProps } from '~/ui/lib/TextInput'

import { TextField, type TextFieldProps } from './TextField'

export function OxqlField<
  TFieldValues extends FieldValues,
  TName extends FieldPath<TFieldValues>,
>(
  props: Omit<TextFieldProps<TFieldValues, TName>, 'validate'> & Omit<TextAreaProps, 'as'>
) {
  return (
    <TextField
      as="textarea"
      fieldClassName="font-mono!"
      validate={(value) =>
        typeof value === 'string' && value.trim() ? undefined : 'Enter a query'
      }
      {...props}
    />
  )
}