@szum-tech/design-system/dist/chunk-6L3QPLRR.cjs

Szum-Tech design system with tailwindcss support

'use strict';

var classVarianceAuthority = require('class-variance-authority');
var jsxRuntime = require('react/jsx-runtime');

// src/components/textarea/textarea.styles.tsx
var textareaCva = classVarianceAuthority.cva(
  [
    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border py-2 px-3 outline-0 transition-colors duration-300 ease-in-out",
    "placeholder:select-none placeholder:text-gray-400",
    "invalid:border-error-500",
    "focus:border-primary-500",
    "active:border-primary-500",
    "disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600 disabled:cursor-not-allowed"
  ],
  {
    variants: {
      invalid: {
        true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
        false: ["border-gray-600 hover:border-primary-600 text-gray-100"]
      }
    },
    defaultVariants: {
      invalid: false
    }
  }
);
function Textarea({ invalid = false, ...props }) {
  const textareaStyles = textareaCva({ invalid });
  return /* @__PURE__ */ jsxRuntime.jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
}

exports.Textarea = Textarea;