define(["require", "exports", "../../Utilities", "../../Styling"], function (require, exports, Utilities_1, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var noOutline = {
        outline: 0
    };
    var iconStyle = {
        fontSize: Styling_1.FontSizes.icon,
        margin: '0 4px',
        height: '16px',
        lineHeight: '16px',
        textAlign: 'center',
        verticalAlign: 'middle'
    };
    /**
     * Gets the base button styles. Note: because it is a base class to be used with the `mergeRules`
     * helper, it should have values for all class names in the interface. This let `mergeRules` optimize
     * mixing class names together.
     */
    exports.getStyles = Utilities_1.memoizeFunction(function (theme) {
        return {
            root: [
                Styling_1.getFocusStyle(theme, -1),
                theme.fonts.medium,
                {
                    // this transparent border converts to the correct colors in HC mode
                    boxSizing: 'border-box',
                    border: '1px solid transparent',
                    userSelect: 'none',
                    display: 'inline-block',
                    textDecoration: 'none',
                    textAlign: 'center',
                    cursor: 'pointer',
                    verticalAlign: 'top',
                    padding: '0 16px'
                }
            ],
            rootDisabled: {
                backgroundColor: theme.palette.neutralLighter,
                color: theme.palette.neutralTertiary,
                cursor: 'default',
                pointerEvents: 'none',
                selectors: {
                    ':hover': noOutline,
                    ':focus': noOutline
                }
            },
            iconDisabled: {
                color: theme.palette.neutralTertiary
            },
            menuIconDisabled: {
                color: theme.palette.neutralTertiary
            },
            flexContainer: {
                display: 'flex',
                height: '100%',
                flexWrap: 'nowrap',
                justifyContent: 'center',
                alignItems: 'center'
            },
            textContainer: {
                flexGrow: 1
            },
            icon: iconStyle,
            menuIcon: [
                iconStyle,
                {
                    fontSize: Styling_1.FontSizes.small
                }
            ],
            label: {
                margin: '0 4px',
                lineHeight: '100%'
            },
            screenReaderText: Styling_1.hiddenContentStyle
        };
    });
});
//# sourceMappingURL=BaseButton.styles.js.map