import { t as e } from "./utils-CHlhTiFC.js";
import { t } from "./dist-C2Jrcfwk.js";
import n from "react";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/ui/textarea.tsx
var i = t("flex w-full min-h-[60px] text-normal text-base bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white bg-transparent p-2.5 text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400", {
	variants: { variant: {
		light: "border border-primary-gray-400 dark:border-primary-gray-500",
		normal: "border-2 border-primary-black dark:border-primary-gray-300"
	} },
	defaultVariants: { variant: "normal" }
}), a = n.forwardRef(({ className: t, variant: n, placeholder: a, ...o }, s) => /* @__PURE__ */ r("textarea", {
	...o,
	placeholder: a || "Text here...",
	className: e(i({ variant: n }), t),
	ref: s
}));
a.displayName = "Textarea";
//#endregion
export { a as Textarea };

//# sourceMappingURL=Textarea.js.map