import { useFieldDetailsProps, useGetFieldDetailsProps } from "./fieldDetails";

export const useInputProps = {
  appendIcon: { type: String, default: "" },
  appendOuterIcon: { type: String, default: "" },
  clearable: Boolean,
  disabled: Boolean,
  hideSpinButtons: Boolean,
  label: { type: String, default: "" },
  loading: Boolean,
  modelValue: { type: [Array, String, Number, Boolean, Object], default: "" },
  placeholder: { type: String, default: "" },
  prependIcon: { type: String, default: "" },
  prependOuterIcon: { type: String, default: "" },
  readonly: Boolean,
  size: { type: String, default: "md" },
  type: { type: String, default: "text" },
  success: Boolean,
  error: Boolean,
  ...useFieldDetailsProps,
};

export const useAddInputNumberProps = {
  min: Number,
  max: Number,
  step: Number,
}

export const useAddTextareaProps = {
  autoGrow: Boolean,
  height: { type: [Number, String], default: "auto" },
  noResize: Boolean,
  rows: { type: [Number, String], default: 2 },
};

export const useGetInputProps = (props: any) => ({
  appendIcon: props.appendIcon,
  appendOuterIcon: props.appendOuterIcon,
  clearable: props.clearable,
  disabled: props.disabled,
  hideSpinButtons: props.hideSpinButtons,
  label: props.label,
  loading: props.loading,
  modelValue: props.modelValue,
  placeholder: props.placeholder,
  prependIcon: props.prependIcon,
  prependOuterIcon: props.prependOuterIcon,
  readonly: props.readonly,
  size: props.size,
  type: props.type,
  success: props.success,
  ...useGetFieldDetailsProps(props),
});