module.exports = function iconInsideInputDirective() {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      // NOTE: this doesn't work on Chrome with auto-fill, known Chrome bug
      element.css({
        'background-repeat': 'no-repeat',
        'background-position': '8px 8px',
        'padding-left': '30px'
      })

      attrs.$observe('iconInsideInput', function(value) {
        element.css({
          'background-image': 'url(' + value + ')'
        })
      })
    }
  }
}