define(["require", "exports", "tslib", "@fluentui/style-utilities"], function (require, exports, tslib_1, style_utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.styles = function (props) {
        var className = props.className, theme = props.theme, headerIsClickable = props.headerIsClickable, showWeekNumbers = props.showWeekNumbers;
        var palette = theme.palette;
        var disabledStyle = {
            selectors: {
                '&, &:disabled, & button': {
                    color: palette.neutralTertiaryAlt,
                    pointerEvents: 'none',
                },
            },
        };
        return {
            root: [
                style_utilities_1.normalize,
                {
                    width: 196,
                    padding: 12,
                    boxSizing: 'content-box',
                },
                showWeekNumbers && {
                    width: 226,
                },
                className,
            ],
            header: {
                position: 'relative',
                display: 'inline-flex',
                height: 28,
                lineHeight: 44,
                width: '100%',
            },
            monthAndYear: [
                style_utilities_1.getFocusStyle(theme, { inset: 1 }),
                tslib_1.__assign(tslib_1.__assign({}, style_utilities_1.AnimationStyles.fadeIn200), { alignItems: 'center', fontSize: style_utilities_1.FontSizes.medium, fontFamily: 'inherit', color: palette.neutralPrimary, display: 'inline-block', flexGrow: 1, fontWeight: style_utilities_1.FontWeights.semibold, padding: '0 4px 0 10px', border: 'none', backgroundColor: 'transparent', borderRadius: 2, lineHeight: 28, overflow: 'hidden', whiteSpace: 'nowrap', textAlign: 'left', textOverflow: 'ellipsis' }),
                headerIsClickable && {
                    selectors: {
                        '&:hover': {
                            cursor: 'pointer',
                            background: palette.neutralLight,
                            color: palette.black,
                        },
                    },
                },
            ],
            monthComponents: {
                display: 'inline-flex',
                alignSelf: 'flex-end',
            },
            headerIconButton: [
                style_utilities_1.getFocusStyle(theme, { inset: -1 }),
                {
                    width: 28,
                    height: 28,
                    display: 'block',
                    textAlign: 'center',
                    lineHeight: 28,
                    fontSize: style_utilities_1.FontSizes.small,
                    fontFamily: 'inherit',
                    color: palette.neutralPrimary,
                    borderRadius: 2,
                    position: 'relative',
                    backgroundColor: 'transparent',
                    border: 'none',
                    padding: 0,
                    overflow: 'visible',
                    selectors: {
                        '&:hover': {
                            color: palette.neutralDark,
                            backgroundColor: palette.neutralLight,
                            cursor: 'pointer',
                            outline: '1px solid transparent',
                        },
                    },
                },
            ],
            disabledStyle: disabledStyle,
        };
    };
});
//# sourceMappingURL=CalendarDay.styles.js.map