import { Textarea } from "@/components/ui/textarea"
import {
  SETTINGS_TEXTAREA_CLASS,
  SETTINGS_TEXTAREA_LG_CLASS,
} from "@/components/settings/constants"
import { cn } from "@/lib/utils"

type SettingsTextareaProps = React.ComponentProps<typeof Textarea> & {
  size?: "default" | "lg"
}

export function SettingsTextarea({
  className,
  size = "default",
  ...props
}: SettingsTextareaProps) {
  return (
    <Textarea
      className={cn(
        size === "lg" ? SETTINGS_TEXTAREA_LG_CLASS : SETTINGS_TEXTAREA_CLASS,
        className
      )}
      {...props}
    />
  )
}