"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonStyle = void 0;
var colord_1 = require("colord");
var styled_components_1 = __importDefault(require("styled-components"));
var GetThemeVar_1 = require("../../support/GetThemeVar");
var css = styled_components_1.default.button;
exports.ButtonStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   color: white;\n   font-weight: 500;\n\n   // w100 = true\n   ", "\n\n   // background color\n   background: ", ";\n   ", "\n   ", "\n   ", "\n   \n   // text color\n   color: ", ";\n   ", "\n   ", "\n   ", "\n   \n   &:hover {\n      background: ", ";\n      ", "\n      ", "\n      ", "\n\n      // text color\n      color: ", ";\n      ", "\n      ", "\n      ", "\n   }\n\n   &.outline {\n      border-width: 2px;\n      background: transparent;\n      border-color: ", ";\n      ", "\n      ", "\n      color: ", ";\n\n      // background\n      ", "\n      ", "\n\n      &:hover {\n         color: ", ";\n         ", "\n         ", "\n         ", "\n\n         border-color: ", ";\n         ", "\n         ", "\n         ", "\n      }\n   }\n\n   &.rounded {\n      border-radius: 100px !important;\n   }\n\n   &.lg {\n      padding: 12px;\n   }\n\n   &.sm {\n      padding: 3px 5px;\n      font-size: 0.9em;\n   }\n"], ["\n   color: white;\n   font-weight: 500;\n\n   // w100 = true\n   ", "\n\n   // background color\n   background: ", ";\n   ", "\n   ", "\n   ", "\n   \n   // text color\n   color: ", ";\n   ", "\n   ", "\n   ", "\n   \n   &:hover {\n      background: ", ";\n      ", "\n      ", "\n      ", "\n\n      // text color\n      color: ", ";\n      ", "\n      ", "\n      ", "\n   }\n\n   &.outline {\n      border-width: 2px;\n      background: transparent;\n      border-color: ", ";\n      ", "\n      ", "\n      color: ", ";\n\n      // background\n      ", "\n      ", "\n\n      &:hover {\n         color: ", ";\n         ", "\n         ", "\n         ", "\n\n         border-color: ", ";\n         ", "\n         ", "\n         ", "\n      }\n   }\n\n   &.rounded {\n      border-radius: 100px !important;\n   }\n\n   &.lg {\n      padding: 12px;\n   }\n\n   &.sm {\n      padding: 3px 5px;\n      font-size: 0.9em;\n   }\n"])), function (p) { return p.w100 && "width: 100%;"; }, function (p) { return GetThemeVar_1.GetThemeVar(p.theme, p.variant); }, function (p) { return p.variant === 'link' && "background: transparent;"; }, function (p) { return p.defaultColor && "background: " + p.defaultColor + ";"; }, function (p) { return p.background && "background: " + p.background + ";"; }, function (p) { return GetThemeVar_1.GetThemeVar(p.theme, p.variant + "TextInside"); }, function (p) { return p.variant === 'link' && "color: " + GetThemeVar_1.GetThemeVar(p.theme, 'primary') + ";"; }, function (p) { return p.defaultColor && "color: " + p.defaultColor + ";"; }, function (p) { var _a, _b; return ((_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.textColor) && "color: " + p.theme.button.textColor + ";"; }, function (p) { return colord_1.colord(GetThemeVar_1.GetThemeVar(p.theme, p.variant)).lighten(0.2).toHex(); }, function (p) { return p.variant === 'link' && "background: transparent;"; }, function (p) { return p.defaultColor && "background: " + colord_1.colord(p.defaultColor).lighten(0.2).toHex() + ";"; }, function (p) { return p.background && "background: " + colord_1.colord(p.background).lighten(0.2).toHex() + ";"; }, function (p) { return GetThemeVar_1.GetThemeVar(p.theme, p.variant + "TextInside"); }, function (p) { return p.variant === 'link' && "color: " + GetThemeVar_1.GetThemeVar(p.theme, 'primary') + ";"; }, function (p) { return p.defaultColor && "color: " + p.defaultColor + ";"; }, function (p) { var _a, _b; return ((_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.textColor) && "color: " + p.theme.button.textColor + ";"; }, function (p) { return GetThemeVar_1.GetThemeVar(p.theme, p.variant); }, function (p) { return p.variant === 'link' && "border-color: transparent;"; }, function (p) { return p.defaultColor && "border-color: " + p.defaultColor + ";"; }, function (p) { return GetThemeVar_1.GetThemeVar(p.theme, p.variant); }, function (p) { return p.background && "color: " + p.background + ";"; }, function (p) { return p.background && "border-color: " + p.background + ";"; }, function (p) { return colord_1.colord(GetThemeVar_1.GetThemeVar(p.theme, p.variant)).lighten(0.2).toHex(); }, function (p) { return p.variant === 'link' && "color: " + colord_1.colord(GetThemeVar_1.GetThemeVar(p.theme, 'primary')).lighten(0.2).toHex() + ";"; }, function (p) { return p.defaultColor && "color: " + colord_1.colord(p.defaultColor).lighten(0.2).toHex() + ";"; }, function (p) { return p.background && "color: " + colord_1.colord(p.color).lighten(0.2).toHex() + ";"; }, function (p) { return colord_1.colord(GetThemeVar_1.GetThemeVar(p.theme, p.variant)).lighten(0.2).toHex(); }, function (p) { return p.variant === 'link' && "border-color: transparent;"; }, function (p) { return p.defaultColor && "border-color: " + colord_1.colord(p.defaultColor).lighten(0.2).toHex() + ";"; }, function (p) { return p.background && "border-color: " + colord_1.colord(p.background).lighten(0.2).toHex() + ";"; });
var templateObject_1;
//# sourceMappingURL=Button.style.js.map