import * as React from 'react';

import type { FormRowProps } from '../../FormRow/FormRow';
import { FormRow } from '../../FormRow/FormRow';
import type { FormRowHelperTextOwnProps } from '../../FormRow/FormRowHelperText';
import type { SwitchProps } from '../../Inputs/Switch/Switch';
import { Switch } from '../../Inputs/Switch/Switch';
import type { LabelAfterProps } from '../../LabelAfter/LabelAfter';
import { LabelAfter } from '../../LabelAfter/LabelAfter';

/** @inheritdoc */
export interface SwitchFieldProps
  extends
    Omit<FormRowProps, 'children' | 'htmlFor' | 'isFullWidth' | 'label'>,
    Omit<SwitchProps, 'error' | 'warning'>,
    Partial<FormRowHelperTextOwnProps> {
  /**
   * Label displayed after the input element.
   */
  labelAfter?: LabelAfterProps['label'];
}

export const SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(
  { label, labelAfter, tooltip, required, justify, error, warning, hint, labelHidden, ...inputProps }: SwitchFieldProps,
  ref
) {
  return (
    <FormRow label={label} required={required} tooltip={tooltip} justify={justify} labelHidden={labelHidden}>
      <Switch ref={ref} required={required} error={!!error} warning={!!warning} {...inputProps} label={label} />
      {labelAfter && <LabelAfter label={labelAfter} />}
      <FormRow.HelperText error={error} warning={warning} hint={hint} />
    </FormRow>
  );
});