Textarea

import { Textarea } from "@/components/ui/cn/textarea/Textarea";

export function TextareaExample() {
  return (
    <Textarea
      label="Mensagem"
      placeholder="Escreva aqui..."
      hint="Máximo 500 caracteres"
      rows={4}
    />
  );
}

// floatingLabel — label flutua pro topo quando o campo ganha valor/foco
export function TextareaFloatingLabelExample() {
  return <Textarea label="Mensagem" floatingLabel rows={4} />;
}