import { ReactElement, FunctionComponent } from 'react';
import { InputProps, INPUT_DISPLAY_NAME } from '../../Input/Input';
import { TextAreaProps } from '../../Input/TextArea';

const isInput = (
  element: ReactElement<InputProps | TextAreaProps>
): element is ReactElement<InputProps> => {
  const elementType = element.type as FunctionComponent;
  return elementType.displayName === INPUT_DISPLAY_NAME;
};

type Size = 'small' | 'medium' | 'large';

export { isInput, Size };