"use strict";
/* @flow */
Object.defineProperty(exports, "__esModule", { value: true });
{
    Theme;
}
from;
'components/config/theme';
{
    ButtonProps;
}
from;
'./types';
exports.default = (theme) => ({
    component: {
        textDecoration: 'none',
        outline: 'none',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        cursor: 'pointer',
        borderRadius: (props) => props.applyBorderRadius ? (props.compactMode ? '20px' : '35px') : 0,
        height: (props) => props.height || 'auto',
        maxWidth: (props) => props.maxWidth,
        width: (props) => props.width || (!props.href ? '100%' : undefined),
        padding: (props) => (props.compactMode ? '10px' : '15px 10px'),
        backgroundColor: (props) => props.withoutBackground
            ? 'transparent'
            : props.buttonColor || theme.palette.primary.color1,
        border: (props) => `2px solid ${props.buttonColor || theme.palette.primary.color1}`,
        '&.disabled': {
            pointerEvents: 'none',
            opacity: 0.4,
        },
    },
    text: {
        fontSize: 16,
        fontFamily: theme.typography.font.family2,
        margin: '0px 10px',
        color: (props) => props.withoutBackground
            ? props.buttonColor || theme.palette.primary.color1
            : 'white',
    },
    icon: {
        fontSize: 16,
        color: 'white',
    },
    afterIcon: {
        marginRight: 10,
    },
    beforeIcon: {
        marginLeft: 10,
    },
});
//# sourceMappingURL=styles.js.map