import styled from "@emotion/styled";
import { timePickerGridConfig, timePickerGridTokens } from "../../../TimePickerGrid";
import { component, mergeConfig } from "../../../../engines";
import { tokens } from "../../DateTimePicker.tokens";
var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
var TimePickerGrid = component(mergedTimePickerGrid);
export var StyledTimeGrid = /*#__PURE__*/ styled(TimePickerGrid, {
    target: "eofo1vn0",
    label: "StyledTimeGrid"
})("flex-shrink:2;", timePickerGridTokens.timePickerGridWidth, ":", function(param) {
    var innerWidth = param.innerWidth, columns = param.columns;
    return innerWidth && innerWidth !== '0' ? '100%' : "calc(var(".concat(tokens.timePickerColumnWidth, ") * ").concat(columns, " + var(").concat(tokens.timePickerColumnGap, ") * ").concat(columns - 1, ")");
}, ";", timePickerGridTokens.columnHeight, ":", function(param) {
    var innerHeight = param.innerHeight;
    return innerHeight && innerHeight !== '0' ? "calc(".concat(innerHeight, " - var(").concat(tokens.popoverVerticalPadding, "))") : "var(".concat(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.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.disabledOpacity, ");");
