"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.TextArea = exports.Input = exports.InputLabel = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Typography = require("../Typography");

var _templateObject, _templateObject2, _templateObject3;

var InputLabel = (0, _styledComponents["default"])(_Typography.Typography).attrs({
  as: 'label',
  variant: 6,
  className: 'py-2'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  line-height: 1.3;\n  color: ", ";\n  display: block;\n  pointer-events: ", ";\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.palette.hint;
}, function (props) {
  return props.isDisabled ? 'none' : 'all';
});
exports.InputLabel = InputLabel;

var Input = _styledComponents["default"].input(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  padding: 1.2rem;\n  margin-top: 0.6rem;\n  display: block;\n  width: 100%;\n  height: 4.4rem;\n  border: 0.1rem solid ", ";\n  font-weight: 400;\n  border-radius: 0.4rem;\n  outline: none;\n\n  &::placeholder {\n    color: #ccc;\n  }\n\n  &:hover {\n    border-color: ", ";\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.light;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.palette.hint;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.palette.primary;
});

exports.Input = Input;
var TextArea = (0, _styledComponents["default"])(Input).attrs({
  as: 'textarea'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  min-width: 100%;\n  max-width: 100%;\n  min-height: 18rem;\n"])));
exports.TextArea = TextArea;
//# sourceMappingURL=index.js.map