Textarea

import { Label } from "@/components/ui/label";
import { Textarea } from "@/components/ui/textarea";
import { useId } from "react";

function Component() {
  const id = useId();
  return (
    <div  className="block">
      <div className="min-w-[300px] mb-2 flex items-center justify-between gap-1">
        <Label htmlFor={id} className="leading-6">
          Textarea with hint
        </Label>
        <span className="text-sm text-muted-foreground">Optional</span>
      </div>
      <Textarea id={id} placeholder="Leave a comment" />
    </div>
  );
}

export { Component };