import styled from "@emotion/styled";
import { timePickerGridConfig, timePickerGridTokens } from "../../../TimePickerGrid";
import { component, mergeConfig } from "../../../../engines";
import { tokens } from "../../DateTimePicker.tokens";
const mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
const TimePickerGrid = component(mergedTimePickerGrid);
export const StyledTimeGrid = /*#__PURE__*/ styled(TimePickerGrid, {
    target: "eaxkx5p0",
    label: "StyledTimeGrid"
})("flex-shrink:2;", timePickerGridTokens.timePickerGridWidth, ":", ({ innerWidth, columns })=>innerWidth && innerWidth !== '0' ? '100%' : `calc(var(${tokens.timePickerColumnWidth}) * ${columns} + var(${tokens.timePickerColumnGap}) * ${columns - 1})`, ";", timePickerGridTokens.columnHeight, ":", ({ innerHeight })=>innerHeight && innerHeight !== '0' ? `calc(${innerHeight} - var(${tokens.popoverVerticalPadding}))` : `var(${tokens.timePickerColumnHeight})`, ";", timePickerGridTokens.itemHeight, ":var(", tokens.timePickerItemHeight, ");", timePickerGridTokens.itemBorderRadius, ":var(", tokens.timePickerItemBorderRadius, ");", timePickerGridTokens.itemPadding, ":var(", tokens.timePickerItemPadding, ");", timePickerGridTokens.itemBackgroundHover, ":var(", tokens.timePickerItemBackgroundHover, ");", timePickerGridTokens.itemBackgroundActive, ":var(", tokens.timePickerItemBackgroundActive, ");", timePickerGridTokens.itemFocusColor, ":var(", tokens.outlineFocusColor, ");", timePickerGridTokens.itemFontFamily, ":var(", tokens.timePickerItemFontFamily, ");", timePickerGridTokens.itemFontSize, ":var(", tokens.timePickerItemFontSize, ");", timePickerGridTokens.itemFontStyle, ":var(", tokens.timePickerItemFontStyle, ");", timePickerGridTokens.itemFontWeight, ":var(", tokens.timePickerItemFontWeight, ");", timePickerGridTokens.itemLetterSpacing, ":var(", tokens.timePickerItemLetterSpacing, ");", timePickerGridTokens.itemLineHeight, ":var(", tokens.timePickerItemLineHeight, ");", timePickerGridTokens.scrollbarWidth, ":var(", tokens.timePickerScrollbarWidth, ");", timePickerGridTokens.scrollbarColor, ":var(", tokens.timePickerScrollbarColor, ");", timePickerGridTokens.scrollbarTrackColor, ":var(", tokens.timePickerScrollbarTrackColor, ");", timePickerGridTokens.scrollbarMargin, ":var(", tokens.timePickerScrollbarMargin, ");", timePickerGridTokens.disabledOpacity, ":var(", tokens.timeGridDisabledOpacity, ");");
