804c1263d5
* feat(i18n): Enhance RTL support and update language direction handling * format * minor tweaks --------- Co-authored-by: CJ Pais <cj@cjpais.com>
27 lines
816 B
TypeScript
27 lines
816 B
TypeScript
import React from "react";
|
|
|
|
interface TextareaProps
|
|
extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
variant?: "default" | "compact";
|
|
}
|
|
|
|
export const Textarea: React.FC<TextareaProps> = ({
|
|
className = "",
|
|
variant = "default",
|
|
...props
|
|
}) => {
|
|
const baseClasses =
|
|
"px-2 py-1 text-sm font-semibold bg-mid-gray/10 border border-mid-gray/80 rounded text-start transition-[background-color,border-color] duration-150 hover:bg-logo-primary/10 hover:border-logo-primary focus:outline-none focus:bg-logo-primary/10 focus:border-logo-primary resize-y";
|
|
|
|
const variantClasses = {
|
|
default: "px-3 py-2 min-h-[100px]",
|
|
compact: "px-2 py-1 min-h-[80px]",
|
|
};
|
|
|
|
return (
|
|
<textarea
|
|
className={`${baseClasses} ${variantClasses[variant]} ${className}`}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|