Textarea

import { Textarea } from "@baseline/ui";

export function ProjectDescriptionField() {
  return (
    <div className="bl-field">
      <label className="bl-field__label" htmlFor="project-description">
        Project description
      </label>
      <Textarea
        aria-describedby="description-help"
        defaultValue="A minimal design system for people and coding agents."
        id="project-description"
        name="description"
        placeholder="Describe the project"
      />
      <p className="bl-field__description" id="description-help">
        Keep it useful and concise.
      </p>
    </div>
  );
}