"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const styleh_components_1 = require("styleh-components");
const StyledTextArea = styleh_components_1.default.textarea `
  width: 20rem;
  height: 8rem;
  && {
    :disabled {
      cursor: not-allowed;
      opacity: 0.7;
    }
    :focus,
    :active {
      border-color: #006caf;
    }
  }
  &&& {
    ${(props) => props.isValid === false &&
    props.isDirty === true &&
    styleh_components_1.css `
        border-color: rgb(213, 77, 77);
      `};
  }
`;
exports.StyledTextArea = StyledTextArea;
const StyledTextAreaWrap = styleh_components_1.default.div `
  display: flex;
  flex-wrap: wrap;
`;
exports.StyledTextAreaWrap = StyledTextAreaWrap;
//# sourceMappingURL=styled.js.map