import classnames from 'classnames';
import React from "react";
import { StyledTextArea } from "./Textarea.styled";
import { ITextareaProps } from "./types";

export const Textarea: React.FC<ITextareaProps> = ({
  onChange,
  disabled,
  className,
  error,
  ...rest
}) => {
  return (
    <>
      <StyledTextArea
        onChange={({ target: { value } }) => onChange?.(value)}
        rows={3}
        disabled={disabled}
        className={classnames({ error: error && !disabled }, className)}
        {...rest}
      />
    </>
  );
};