define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.getStyles = function (props) {
        var className = props.className, theme = props.theme, isLargeHeader = props.isLargeHeader, isClose = props.isClose, hidden = props.hidden, isMultiline = props.isMultiline;
        var palette = theme.palette, fonts = theme.fonts;
        return ({
            content: [
                isLargeHeader && 'ms-Dialog-lgHeader',
                isClose && 'ms-Dialog--close',
                className
            ],
            subText: [
                'ms-Dialog-subText',
                isLargeHeader ? fonts.medium : fonts.small,
                {
                    margin: '0 0 20px 0',
                    paddingTop: '8px',
                    color: palette.neutralPrimary,
                    lineHeight: '1.5',
                    wordWrap: 'break-word',
                    fontWeight: Styling_1.FontWeights.semilight,
                },
            ],
            header: [
                'ms-Dialog-header',
                {
                    position: 'relative',
                    width: '100%',
                    boxSizing: 'border-box',
                },
                isLargeHeader && [
                    'ms-Dialog--lgHeader',
                    {
                        backgroundColor: palette.themePrimary,
                    }
                ],
                isClose && 'ms-Dialog--close',
            ],
            button: [
                'ms-Dialog-button',
                'ms-Dialog-button--close',
                hidden && {
                    selectors: {
                        '.ms-Icon.ms-Icon--Cancel': {
                            color: palette.neutralSecondary,
                            fontSize: '16px',
                        }
                    }
                }
            ],
            inner: [
                'ms-Dialog-inner',
                {
                    padding: isMultiline ? '0 20px 20px' : '0 28px 20px',
                }
            ],
            innerContent: [
                'ms-Dialog-content',
                {
                    position: 'relative',
                    width: '100%',
                    selectors: {
                        '.ms-Button.ms-Button--compount': {
                            marginBottom: '20px',
                            selectors: {
                                '&:last-child': {
                                    marginBottom: '0',
                                }
                            }
                        }
                    }
                },
                className
            ],
            title: [
                'ms-Dialog-title',
                {
                    color: palette.neutralPrimary,
                    margin: '0',
                    padding: '20px 36px 20px 28px',
                },
                fonts.xLarge,
                isLargeHeader && [
                    {
                        color: palette.white,
                        marginBottom: '8px',
                        padding: '26px 28px 28px',
                    },
                    fonts.xxLarge
                ],
                isMultiline && fonts.xxLarge,
            ],
            topButton: [
                {
                    display: 'flex',
                    flexDirection: 'row',
                    flexWrap: 'nowrap',
                    position: 'absolute',
                    top: '0',
                    right: '0',
                    padding: '12px 12px 0 0',
                    selectors: {
                        '> *': {
                            flex: '0 0 auto',
                        }
                    }
                }
            ],
        });
    };
});
//# sourceMappingURL=DialogContent.styles.js.map