'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = _styledComponents2.default.div.withConfig({
  displayName: 'TimeInputContainer'
})(['.TimeInput-input{letter-spacing:0.02em;line-height:1.5;font-size:14px;font-family:var(--fonts-brand);transition:all 0.2s ease;padding:calc(var(--spacing-extra-small) - 1px) var(--spacing-extra-small);border-width:var(--thicknesses-wide);border-style:solid;color:var(--colors-text-default);background:var(--colors-background-default);opacity:1;border-color:var(--colors-border-light);width:4em;text-align:center;outline:none;&:focus{box-shadow:inset 0 -5px 0 var(--colors-primary-light);border-color:var(--colors-border-medium);}', ';}'], function (_ref) {
  var disabled = _ref.disabled;
  return disabled && (0, _styledComponents.css)(['pointer-events:none;background:var(--colors-background-disabled);border-color:var(--colors-border-disabled);opacity:1;color:var(--colors-text-disabled);']);
});