'use strict';

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

var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
var styledComponents_esm = require('../../../node_modules/styled-components/dist/styled-components.esm.js');
var theme = require('../../theme.js');

var COLOR = {
    primary: theme.theme.colors.text.inverse,
    secondary: theme.theme.colors.ui.primary
};
var BG_COLOR = {
    primary: theme.theme.colors.ui.primary,
    secondary: theme.theme.colors.text.inverse
};
var DsButton = styledComponents_esm["default"].button(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  border-style: none;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  vertical-align: middle;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  color: ", ";\n  :hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  :active,\n  :focus {\n    color: ", ";\n    background-color: ", ";\n  }\n  :disabled {\n    background-color: ", ";\n    color: ", ";\n  }\n"], ["\n  border-style: none;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  vertical-align: middle;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  color: ", ";\n  :hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  :active,\n  :focus {\n    color: ", ";\n    background-color: ", ";\n  }\n  :disabled {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), theme.theme.spacing.space2, theme.theme.spacing.space2, theme.theme.spacing.space7, theme.theme.spacing.space7, theme.theme.borders.radiusMedium, function (props) { return BG_COLOR[props.variant]; }, function (props) { return COLOR[props.variant]; }, theme.theme.colors.text.inverse, theme.theme.colors.brand.primaryMain, theme.theme.colors.text.inverse, theme.theme.colors.brand.primaryDark, theme.theme.colors.ui.disabled, theme.theme.colors.text.inverse);
var templateObject_1;

exports.DsButton = DsButton;
//# sourceMappingURL=button2.js.map
