/**

 * Copyright (c) Meta Platforms, Inc. and affiliates.

 *

 * This source code is licensed under the MIT license found in the

 * LICENSE file in the root directory of this source tree.

 *

 * @noflow

 */

const hasReadOnlyValue = {

  button: true,

  checkbox: true,

  image: true,

  hidden: true,

  radio: true,

  reset: true,

  submit: true,

};

export function checkControlledValueProps(

  tagName: string,

  props: Object,

): void {

  if (__DEV__) {

    if (

      !(

        hasReadOnlyValue[props.type] ||

        props.onChange ||

        props.onInput ||

        props.readOnly ||

        props.disabled ||

        props.value == null

      )

    ) {

      console.error(

        'You provided a `value` prop to a form field without an ' +

          '`onChange` handler. This will render a read-only field. If ' +

          'the field should be mutable use `defaultValue`. Otherwise, ' +

          'set either `onChange` or `readOnly`.',

      );

    }

    if (

      !(

        props.onChange ||

        props.readOnly ||

        props.disabled ||

        props.checked == null

      )

    ) {

      console.error(

        'You provided a `checked` prop to a form field without an ' +

          '`onChange` handler. This will render a read-only field. If ' +

          'the field should be mutable use `defaultChecked`. Otherwise, ' +

          'set either `onChange` or `readOnly`.',

      );

    }

  }

}