"use strict";
/* @flow */
Object.defineProperty(exports, "__esModule", { value: true });
{
    Theme;
}
from;
'components/config/theme';
{
    LinearProgressBarProps;
}
from;
'./types';
exports.default = (theme) => ({
    component: {
        display: 'flex',
        alignItems: 'center',
    },
    label: {
        fontFamily: theme.typography.font.family2,
        color: theme.palette.blueGrey['50'],
        fontWeight: 400,
        fontSize: 15,
        marginRight: 20,
    },
    percentage: {
        fontFamily: theme.typography.font.family2,
        color: '#c4c4c4',
        fontWeight: 400,
        fontSize: 15,
        marginLeft: 20,
    },
    progressBar: {
        borderRadius: (props) => (props.rounded ? 10 : 0),
        backgroundColor: (props) => `${props.unfilledColor}`,
        width: (props) => props.width,
        height: 20,
        position: 'relative',
        overflow: 'hidden',
    },
    filledBar: {
        position: 'absolute',
        backgroundColor: (props) => `${props.filledColor}`,
        top: 0,
        bottom: 0,
        left: 0,
        width: (props) => `${props.value}%`,
    },
    parts: {
        position: 'absolute',
        top: 0,
        bottom: 0,
        left: 0,
        right: 0,
    },
    part: {
        position: 'absolute',
        top: 0,
        bottom: 0,
        left: 0,
        borderRight: `1px solid ${theme.palette.grey['200']}`,
        '&.hide': {
            display: 'none',
        },
    },
});
//# sourceMappingURL=styles.js.map