@dynamic-labs/sdk-react-core/src/lib/components/Textarea/Textarea.cjs

A React SDK for implementing wallet web3 authentication and authorization to your website.

'use client'
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _tslib = require('../../../../_virtual/_tslib.cjs');
var jsxRuntime = require('react/jsx-runtime');
var classNames = require('../../utils/functions/classNames/classNames.cjs');
var Typography = require('../Typography/Typography.cjs');

const Textarea = (_a) => {
    var { className = '', id, label, onChange, onBlur, name, value, optional, error = false, disabled, message, placeholder, variant = 'dense', isValid } = _a, rest = _tslib.__rest(_a, ["className", "id", "label", "onChange", "onBlur", "name", "value", "optional", "error", "disabled", "message", "placeholder", "variant", "isValid"]);
    return (jsxRuntime.jsxs("div", { className: classNames.classNames('textarea__container', {
            'textarea__container--dense': variant === 'dense',
            'textarea__container--regular': variant === 'regular',
        }), children: [jsxRuntime.jsx("textarea", Object.assign({}, rest, { name: name, value: value, onChange: onChange, onBlur: onBlur, id: id, placeholder: variant === 'regular' ? placeholder : label, disabled: disabled, className: classNames.classNames('textarea', className, {
                    textarea__error: error,
                    textarea__has_trailing: optional,
                    textarea__valid: isValid === true,
                }) })), jsxRuntime.jsx("label", { htmlFor: id, className: classNames.classNames('textarea__label'), children: label }), optional && jsxRuntime.jsx("span", { className: 'textarea__trailing', children: "Optional" }), Boolean(message) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: classNames.classNames('textarea__message', {
                    textarea__message__error: error,
                }), children: message }))] }));
};

exports.Textarea = Textarea;