import * as React from "react"

export default function Textarea() {
  return (
    <div className="grid w-full max-w-sm gap-1.5">
      <label htmlFor="message" className="text-sm font-medium leading-none text-zinc-900 dark:text-zinc-200">
        Your Message
      </label>
      <textarea
        className="flex min-h-[80px] w-full rounded-md border border-zinc-200 bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-zinc-400 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 dark:border-zinc-800 dark:focus-visible:ring-zinc-300"
        placeholder="Type your message here."
        id="message"
      />
      <p className="text-sm text-zinc-500 dark:text-zinc-400">
        Your message will be copied to the support team.
      </p>
    </div>
  )
}