var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
import { CalendarDataTids } from '../Calendar/index.js';
export var getStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        root: function (t) {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "], ["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])), t.textColorDefault);
        },
        inputWrapperWidth: function (t) {
            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      min-width: ", "px;\n    "], ["\n      min-width: ", "px;\n    "])), parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2);
        },
        inputWrapperWidthFull: function () {
            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
        },
        inputVisuallyFocus: function (t) {
            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      box-shadow: ", ";\n    "], ["\n      box-shadow: ", ";\n    "])), t.inputFocusShadow);
        },
        calendarWrapper: function (t) {
            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "], ["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])), t.pickerShadow);
        },
        calendarWidthAuto: function () {
            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      width: auto;\n    "], ["\n      width: auto;\n    "])));
        },
        rangeCalendarDay: function () {
            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      width: 100%;\n      height: 100%;\n    "], ["\n      width: 100%;\n      height: 100%;\n    "])));
        },
        rangeCalendarDayEnd: function (t) {
            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "], ["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "])), t.rangeCalendarCellEndBg, t.calendarCellBorderRadius, CalendarDataTids.dayCell, t.rangeCalendarCellEndColor, t.rangeCalendarCellEndColor);
        },
        rangeCalendarDayInHoveredPeriod: function (t) {
            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.rangeCalendarCellBg);
        },
        rangeCalendarDayHoverInPeriod: function (t) {
            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "], ["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "])), CalendarDataTids.dayCell, t.rangeCalendarCellHoverBg);
        },
        buttonWrap: function () {
            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "], ["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "])));
        },
    });
});
export function getFontSize(t, size) {
    switch (size) {
        case 'large':
            return t.fontSizeLarge;
        case 'medium':
            return t.fontSizeMedium;
        case 'small':
        default:
            return t.fontSizeSmall;
    }
}
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
//# sourceMappingURL=DateRangePicker.styles.js.map