function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n      input,\n      textarea,\n      select {\n        border-color: ", ";\n      }\n    "]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  position: relative;\n  padding-bottom: ", "px;\n  label {\n    display: block;\n    margin-bottom: 1rem;\n  }\n  > p {\n    width: 100%;\n    padding-top: 10px;\n    font-size: 13px;\n    line-height: normal;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: -8px;\n  }\n  input[type='checkbox'] {\n    margin-bottom: 13px;\n  }\n  ", "\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

/**
 *
 * Wrapper
 *
 */
import styled, { css } from 'styled-components';
import { colors, sizes } from '@buffetjs/styles';
var Wrapper = styled.div(_templateObject(), sizes.margin * 2.7, function (_ref) {
  var error = _ref.error;
  return !!error && css(_templateObject2(), colors.darkOrange);
});
export default Wrapper;