import * as React from 'react';

import type { FormRowProps } from '../../FormRow/FormRow';
import { FormRow } from '../../FormRow/FormRow';
import type { FormRowHelperTextOwnProps } from '../../FormRow/FormRowHelperText';
import { FormRowLabel } from '../../FormRow/FormRowLabel';

/** @inheritdoc */
export interface StaticFieldProps
  extends Omit<FormRowProps, 'as' | 'children' | 'htmlFor' | 'isFullWidth'>, Partial<FormRowHelperTextOwnProps> {
  value?: React.ReactNode;
}

export const StaticField: React.FC<StaticFieldProps> = function StaticField({
  error,
  hint,
  justify,
  label,
  tooltip,
  value,
  warning,
  labelHidden,
  required,
  ...rest
}) {
  rest satisfies Record<PropertyKey, never>;

  return (
    <FormRow tooltip={tooltip} justify={justify} required={required} labelHidden={labelHidden} as='div'>
      {label && (
        <FormRowLabel as='span' visuallyHidden={labelHidden}>
          {label}
        </FormRowLabel>
      )}
      <div className='v2FormField__static'>
        <div className='staticField' {...rest}>
          {value}
        </div>
        <FormRow.HelperText error={error} warning={warning} hint={hint} />
      </div>
    </FormRow>
  );
};