import styled from "styled-components";
import { calendarDoubleConfig, withRange, calendarBaseConfig, calendarBaseTokens } from "../../../Calendar";
import { component, mergeConfig } from "../../../../engines";
import { privateTokens, tokens } from "../../DatePicker.tokens";
import { baseCalendarTokens } from "../../DatePickerBase.styles";
var mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);
var CalendarDouble = component(mergedCalendarDoubleConfig);
var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
var Calendar = component(mergedCalendarConfig);
var CalendarDoubleRange = withRange(CalendarDouble);
var CalendarRange = withRange(Calendar);
// NOTE: переопределение токенов Calendar
export var StyledCalendarDouble = styled(CalendarDoubleRange).withConfig({
    displayName: "RangeDatePopover.styles__StyledCalendarDouble",
    componentId: "sc-d6eddedb-0"
})([
    "",
    ":calc(var(",
    ") * 2 + 2.063rem);flex-shrink:",
    ";width:",
    ";height:",
    ";",
    " ",
    ":var(",
    ");"
], privateTokens.calendarDoubleWidth, tokens.calendarWidth, function(param) {
    var innerWidth = param.innerWidth;
    return innerWidth && innerWidth !== '0' ? '1' : '0';
}, function(param) {
    var innerWidth = param.innerWidth;
    return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(privateTokens.calendarDoubleWidth, ")");
}, function(param) {
    var innerHeight = param.innerHeight;
    return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(tokens.calendarHeight, ")");
}, baseCalendarTokens, calendarBaseTokens.calendarSeparatorBackground, tokens.popoverSeparatorBackground);
export var StyledCalendar = styled(CalendarRange).withConfig({
    displayName: "RangeDatePopover.styles__StyledCalendar",
    componentId: "sc-d6eddedb-1"
})([
    "flex-shrink:",
    ";width:",
    ";height:",
    ";",
    ""
], function(param) {
    var innerWidth = param.innerWidth;
    return innerWidth && innerWidth !== '0' ? '1' : '0';
}, function(param) {
    var innerWidth = param.innerWidth;
    return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(tokens.calendarWidth, ")");
}, function(param) {
    var innerHeight = param.innerHeight;
    return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(tokens.calendarHeight, ")");
}, baseCalendarTokens);
