import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3;

import styled from 'styled-components';
import { Typography } from '../Typography';
export var InputLabel = styled(Typography).attrs({
  as: 'label',
  variant: 6,
  className: 'py-2'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  line-height: 1.3;\n  color: ", ";\n  display: block;\n  pointer-events: ", ";\n"])), (_ref) => {
  var {
    theme
  } = _ref;
  return theme.palette.hint;
}, props => props.isDisabled ? 'none' : 'all');
export var Input = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.light;
}, (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.palette.hint;
}, (_ref4) => {
  var {
    theme
  } = _ref4;
  return theme.palette.primary;
});
export var TextArea = styled(Input).attrs({
  as: 'textarea'
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  min-width: 100%;\n  max-width: 100%;\n  min-height: 18rem;\n"])));
//# sourceMappingURL=index.js.map