Textarea

1import type { Component, ComponentProps } from "solid-js";
2import { splitProps } from "solid-js";
3import { cn } from "~/lib/utils";
4 
5export type TextareaProps = ComponentProps<"textarea"> & {
6  class?: string;
7};
8 
9export const Textarea: Component<TextareaProps> = (props) => {
10  const [local, rest] = splitProps(props, ["class"]);
11  return (
12    <textarea
13      class={cn(
14        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
15        "ring-offset-background placeholder:text-muted-foreground",
16        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
17        "disabled:cursor-not-allowed disabled:opacity-50",
18        "resize-none",
19        local.class,
20      )}
21      {...rest}
22    />
23  );
24};