@hypernetlabs/web-ui/dist/components/Button/Button.style.js

Web ui react components for hypernet protocol

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
const core_1 = require("@material-ui/core");
const theme_1 = require("../../theme");
exports.useStyles = (0, core_1.makeStyles)({
    button: {
        color: theme_1.colors.WHITE,
        textAlign: "center",
        fontSize: 15,
        fontWeight: "bold",
        borderRadius: 26,
        border: "none",
        height: 52,
        cursor: "pointer",
        background: (props) => props.bgColor ||
            `${(0, theme_1.getColorFromStatus)(props.status || theme_1.EStatusColor.PRIMARY)} 0% 0% no-repeat padding-box`,
        width: (props) => (props.fullWidth ? "100%" : "auto"),
    },
    secondaryButton: {
        background: "none",
        color: theme_1.colors.BLACK,
        border: "1px solid #6716FF",
    },
    materialUIButtonWrapper: {
        display: "flex",
        justifyContent: "center",
        padding: "35px 0 20px 0",
    },
    materialUIButton: {
        borderRadius: 2,
        backgroundColor: "#00C3A9",
        color: "#ffffff",
        border: "none",
        padding: "10px 28px",
        float: "right",
        cursor: "pointer",
        fontSize: 18,
        width: (props) => (props.fullWidth ? "100%" : "auto"),
    },
    linkWrapper: {
        marginTop: 25,
        fontSize: 15,
    },
    link: {
        color: "#2539DEDE",
        cursor: "pointer",
    },
});
//# sourceMappingURL=Button.style.js.map