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

'use strict';

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

var _templateObject = _taggedTemplateLiteral(['\n  background-color: transparent;\n  border-color: ', ';\n  transition: none;\n\n  &:not(:hover), &:disabled {\n    color: ', ';\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ', ';\n    border-color: ', ';\n  }\n'], ['\n  background-color: transparent;\n  border-color: ', ';\n  transition: none;\n\n  &:not(:hover), &:disabled {\n    color: ', ';\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ', ';\n    border-color: ', ';\n  }\n']);

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

var _ = require('..');

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

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

var OutlineButton = _.Button.extend(_templateObject, getBackground, getBackground, getBackground, getBackground);

exports.default = OutlineButton;