"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get StyledTimePicker () {
        return StyledTimePicker;
    },
    get base () {
        return base;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _TimePickerGridtokens = require("./TimePickerGrid.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const base = (0, /*#__PURE__*/ _react.css)("display:flex;width:100%;", "base");
const StyledTimePicker = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e7ebeeg0",
    label: "StyledTimePicker"
})("background:var(", _TimePickerGridtokens.tokens.timePickerGridBackground, ");border-radius:var(", _TimePickerGridtokens.tokens.timePickerGridBorderRadius, ");width:", ({ width })=>{
    if (width === 'fullWidth') return '100%';
    if (width === 'fixed' || width === undefined) return `var(${_TimePickerGridtokens.tokens.timePickerGridWidth})`;
    return width;
}, ";display:flex;padding:var(", _TimePickerGridtokens.tokens.timePickerGridPadding, ");flex:1 1 1;gap:var(", _TimePickerGridtokens.tokens.scrollbarWidth, ");box-sizing:border-box;position:relative;height:var(", _TimePickerGridtokens.tokens.columnHeight, ");");
