import styled from "@emotion/styled";
import { calendarDoubleConfig, withRange, calendarBaseConfig, calendarBaseTokens } from "../../../Calendar";
import { component, mergeConfig } from "../../../../engines";
import { privateTokens, tokens } from "../../DatePicker.tokens";
import { baseCalendarTokens } from "../../DatePickerBase.styles";
const mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);
const CalendarDouble = component(mergedCalendarDoubleConfig);
const mergedCalendarConfig = mergeConfig(calendarBaseConfig);
const Calendar = component(mergedCalendarConfig);
const CalendarDoubleRange = withRange(CalendarDouble);
const CalendarRange = withRange(Calendar);
// NOTE: переопределение токенов Calendar
export const StyledCalendarDouble = /*#__PURE__*/ styled(CalendarDoubleRange, {
    target: "exxyjy50",
    label: "StyledCalendarDouble"
})(privateTokens.calendarDoubleWidth, ":calc(var(", tokens.calendarWidth, ") * 2 + 2.063rem);flex-shrink:", ({ innerWidth })=>innerWidth && innerWidth !== '0' ? '1' : '0', ";width:", ({ innerWidth })=>innerWidth && innerWidth !== '0' ? '100%' : `var(${privateTokens.calendarDoubleWidth})`, ";height:", ({ innerHeight })=>innerHeight && innerHeight !== '0' ? '100%' : `var(${tokens.calendarHeight})`, ";", baseCalendarTokens, " ", calendarBaseTokens.calendarSeparatorBackground, ":var(", tokens.popoverSeparatorBackground, ");");
export const StyledCalendar = /*#__PURE__*/ styled(CalendarRange, {
    target: "exxyjy51",
    label: "StyledCalendar"
})("flex-shrink:", ({ innerWidth })=>innerWidth && innerWidth !== '0' ? '1' : '0', ";width:", ({ innerWidth })=>innerWidth && innerWidth !== '0' ? '100%' : `var(${tokens.calendarWidth})`, ";height:", ({ innerHeight })=>innerHeight && innerHeight !== '0' ? '100%' : `var(${tokens.calendarHeight})`, ";", baseCalendarTokens);
