"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var styling_1 = require("@uifabric/styling");
var DefaultButton_styles_1 = require("../DefaultButton/DefaultButton.styles");
var DEFAULT_BUTTON_HEIGHT = '32px';
var DEFAULT_BUTTON_MINWIDTH = '80px';
var DEFAULT_PADDING = '0 16px';
function getStyles(theme, customStyles) {
    if (theme === void 0) { theme = styling_1.getTheme(); }
    var defaultButtonStyles = DefaultButton_styles_1.getStyles(theme, customStyles);
    var compoundButtonStyles = {
        root: styling_1.mergeStyles({
            maxWidth: '280px',
            minHeight: '72px',
            height: 'auto',
            padding: '20px'
        }),
        rootEnabled: styling_1.mergeStyles({
            ':hover .ms-Button-description': {
                color: theme.palette.neutralDark
            },
            ':active .ms-Button-description': {
                color: 'inherit'
            }
        }),
        flexContainer: styling_1.mergeStyles({
            flexDirection: 'column',
            alignItems: 'flex-start',
            minWidth: '100%',
            margin: ''
        }),
        label: styling_1.mergeStyles({
            margin: '0 0 5px',
            lineHeight: '100%'
        }),
        description: styling_1.mergeStyles(theme.fonts.small, {
            lineHeight: '100%'
        }),
        descriptionEnabled: styling_1.mergeStyles({
            color: theme.palette.neutralSecondary,
        })
    };
    return styling_1.mergeStyleSets(defaultButtonStyles, compoundButtonStyles, customStyles);
}
exports.getStyles = getStyles;

//# sourceMappingURL=CompoundButton.styles.js.map
