import { FC, forwardRef } from "react"

// @mui material components
import { OutlinedTextFieldProps, StandardTextFieldProps } from "@mui/material"

// Custom styles for MDInput
import MDInputRoot from "~/components/mui/MDInput/MDInputRoot"

// Declaring props types for MDInput
interface Props
  extends Omit<OutlinedTextFieldProps | StandardTextFieldProps, "variant"> {
  variant?: "standard" | "outlined"
  error?: boolean
  success?: boolean
  disabled?: boolean
}

const MDInput: FC<Props | any> = forwardRef(
  ({ error, success, disabled, ...rest }, ref) => (
    <MDInputRoot
      {...rest}
      ref={ref}
      ownerState={{ error, success, disabled }}
    />
  )
)

// Declaring default props for MDInput
MDInput.defaultProps = {
  error: false,
  success: false,
  disabled: false,
}

export default MDInput