import React from "react";

import { InputProps, ButtonProps } from "@bigbinary/neeto-atoms";

export interface InlineInputProps extends InputProps {
  className?: string;
  value?: string;
  nullable?: boolean;
  isSaving?: boolean;
  saveOnBlur?: boolean;
  clearOnSave?: boolean;
  submitButtonProps?: ButtonProps;
  cancelButtonProps?: ButtonProps;
  handleSubmit: (value: string) => void;
  handleCancel: (value: string) => void;
  size?: "small" | "medium" | "large";
}

export interface FormikInlineInputProps extends InlineInputProps {
  name: string;
  handleSubmit?: (value: string) => void;
  handleCancel?: (value: string) => void;
}

const InlineInput: React.ForwardRefExoticComponent<InlineInputProps>;
const FormikInlineInput: React.ForwardRefExoticComponent<FormikInlineInputProps>;

export { InlineInput, FormikInlineInput };