'use strict';

var BaseStyle = require('primevue/base/style');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);

var theme = function theme(_ref) {
  var dt = _ref.dt;
  return "\n.p-inputtextarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ".concat(dt('textarea.color'), ";\n    background: ").concat(dt('textarea.background'), ";\n    padding: 0.5rem 0.75rem;\n    border: 1px solid ").concat(dt('textarea.border.color'), ";\n    transition: background-color ").concat(dt('transition.duration'), ", color ").concat(dt('transition.duration'), ", border-color ").concat(dt('transition.duration'), ", outline-color ").concat(dt('transition.duration'), ";\n    appearance: none;\n    border-radius: ").concat(dt('rounded.base'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('textarea.box.shadow'), ";\n}\n\n.p-inputtextarea:enabled:hover {\n    border-color: ").concat(dt('textarea.hover.border.color'), ";\n}\n\n.p-inputtextarea:enabled:focus {\n    border-color: ").concat(dt('textarea.focus.border.color'), ";\n    outline: 0 none;\n}\n\n.p-inputtextarea.p-invalid {\n    border-color: ").concat(dt('textarea.invalid.border.color'), ";\n}\n\n.p-inputtextarea.p-variant-filled {\n    background-color: ").concat(dt('textarea.filled.background'), ";\n}\n\n.p-inputtextarea.p-variant-filled:enabled:focus {\n    background-color: ").concat(dt('textarea.filled.focus.background'), ";\n}\n\n.p-inputtextarea:disabled {\n    opacity: 1;\n    background: ").concat(dt('textarea.disabled.background'), ";\n    color: ").concat(dt('textarea.disabled.color'), ";\n}\n\n.p-inputtextarea::placeholder {\n    color: ").concat(dt('textarea.placeholder.color'), ";\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n");
};
var classes = {
  root: function root(_ref2) {
    var instance = _ref2.instance,
      props = _ref2.props;
    return ['p-inputtextarea p-component', {
      'p-filled': instance.filled,
      'p-inputtextarea-resizable ': props.autoResize,
      'p-invalid': props.invalid,
      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
    }];
  }
};
var TextareaStyle = BaseStyle__default["default"].extend({
  name: 'textarea',
  theme: theme,
  classes: classes
});

module.exports = TextareaStyle;
