"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledButton = exports.WhiteStyledButton = void 0;
const tslib_1 = require("tslib");
const core_1 = require("@material-ui/core");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const UIStyleConstants_1 = require("@appglue/common/dist/Common/UIStyleConstants");
exports.WhiteStyledButton = (0, styled_components_1.default)(core_1.Button) `
    && {
        color: ${UIStyleConstants_1.UIStyleConstants.WHITE_COLOR};
        padding-left: 14px;
        padding-right: 14px;

        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0px;
        text-align: left;

        &:hover {
            background: rgba(0, 0, 0, 0.1);
        }
    }
`;
exports.StyledButton = (0, styled_components_1.default)(core_1.Button) `
    && {
        &.MuiButton-root {
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0em;
            text-transform: none;
            padding: 6px 0;
        }

        &.MuiButton-contained {
            &.MuiButton-containedPrimary {
                background: #4050a6;
            }
            &.MuiButton-containedPrimary.Mui-disabled {
                background: rgba(0, 0, 0, 0.12);
            }
        }
    }
`;
//# sourceMappingURL=Button.js.map