import React, { forwardRef } from "react";
import { Input } from "antd";
import classNames from "classnames";
import styles from "./index.less";

const { Search, TextArea } = Input;

const CustomInput = forwardRef((props, ref) => {
  const { className, ...rest } = props;

  return <Input ref={ref} className={classNames(styles.input, className)} {...rest} />;
});

CustomInput.Search = Search;
CustomInput.TextArea = TextArea;

export default CustomInput;
