@roo-ui/components/dist/OutlineButton/OutlineButton.js

'use strict';

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

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _styledSystem = require('styled-system');

var _ = require('..');

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

var getBackground = function getBackground(props) {
  return (0, _styledSystem.color)(props).backgroundColor || (0, _styledSystem.buttonStyle)(props).backgroundColor;
};

var OutlineButton = (0, _styledComponents2.default)(_.Button).withConfig({
  displayName: 'OutlineButton'
})(['background-color:transparent;border-color:', ';transition:none;&:not(:hover){color:', ';}&:hover:not(:disabled){background-color:', ';border-color:', ';}&:disabled{color:', ';border-color:', ';}'], getBackground, getBackground, getBackground, getBackground, (0, _styledSystem.themeGet)('colors.greys.dusty'), (0, _styledSystem.themeGet)('colors.greys.dusty'));

exports.default = OutlineButton;