@up-group-ui/react-controls/dist/Components/Display/ProgressBar/style.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.percentTyleStyle = exports.stepStyle = exports.tileStyle = exports.containerStyle = void 0;
var typestyle_1 = require("typestyle");
var containerStyle = (0, typestyle_1.style)({
    maxWidth: '300px',
    width: '100%',
    display: 'flex',
    marginTop: 20,
    alignContent: 'center',
    height: 30,
    alignItems: 'center',
});
exports.containerStyle = containerStyle;
var tileStyle = function (success) {
    return (0, typestyle_1.style)({
        height: 4,
        width: 300,
        justifyContent: 'flex-end',
        position: 'relative',
        display: 'flex',
        alignContent: 'center',
        alignItems: 'center',
        backgroundColor: success ? '#44cf69' : 'lightGrey',
    });
};
exports.tileStyle = tileStyle;
var stepStyle = function (success) {
    return (0, typestyle_1.style)({
        backgroundColor: success ? '#22bd4b' : 'lightGrey',
        color: success ? 'white' : 'black',
        padding: '5px 10px',
        borderRadius: 100,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        fontWeight: 'bold',
    });
};
exports.stepStyle = stepStyle;
var percentTyleStyle = function (size, success) {
    return (0, typestyle_1.style)({
        height: 4,
        width: (300 / 100) * size,
        position: 'relative',
        display: 'flex',
        alignContent: 'center',
        alignItems: 'center',
        backgroundColor: success ? '#44cf69' : 'lightGrey',
    });
};
exports.percentTyleStyle = percentTyleStyle;
//# sourceMappingURL=style.js.map