@undp/design-system-react/dist/Textarea.js

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import { t } from "./dist-CQzJbxrW.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-background text-content-primary p-2.5 text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-content-primary focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-disabled placeholder:text-content-placeholder", {
	variants: {
		variant: {
			light: "border border-stroke",
			normal: "border-2 border-foreground"
		},
		rounded: {
			base: "rounded",
			sm: "rounded-sm",
			md: "rounded-md",
			lg: "rounded-lg",
			xl: "rounded-xl",
			"2xl": "rounded-2xl",
			full: "rounded-full"
		}
	},
	defaultVariants: {
		variant: "normal",
		rounded: "base"
	}
}), 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