@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
26 lines (22 loc) • 942 B
JavaScript
;
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
var jsxRuntime = require('react/jsx-runtime');
function Textarea({ className, invalid = false, ...props }) {
return /* @__PURE__ */ jsxRuntime.jsx(
"textarea",
{
"data-slot": "textarea",
"aria-invalid": props["aria-invalid"] || invalid,
className: chunkH2BWO3SI_cjs.cn(
"border-input dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
"placeholder:text-muted-foreground",
"disabled:cursor-not-allowed disabled:opacity-50",
"aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
className
),
...props
}
);
}
exports.Textarea = Textarea;