"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../../utils/index.js"),a=require("../utils.js");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(r);const i=l.default.textarea`
  color: ${e=>e.disabled?t.getColorAlias("contentDisabled"):t.getColorAlias("contentDefault")};
  font-family: ${e=>e.theme.font.familyPrimary};
  background: ${e=>e.disabled?t.getColorAlias("disabled01"):"transparent"};
  ${t.getFontSize("size16")};
  border-radius: ${e=>e.theme.radius.roundedC};
  ${e=>a.getTextAreaPadding(e.variant)};
  width: 100%;
  margin: 2px;
  border: none;
  outline: none;
  resize: vertical;
  height: ${e=>e.height};
  ${t.getDefaultTransition()};

  &::placeholder {
    color: ${e=>e.disabled?t.getColorAlias("contentDisabled"):t.getColorAlias("contentSubdued")};
    font-weight: ${e=>e.theme.font.weightRegular};
  }

  &:hover {
    cursor: ${e=>e.disabled?"not-allowed":"auto"};
  }

  &:focus:hover {
    background: ${e=>e.disabled?t.getColorAlias("disabled01"):t.getColorAlias("containerDefault")};
  }
`;exports.TextAreaInput=i;
