"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 StyledPopover () {
        return StyledPopover;
    },
    get StyledSeparator () {
        return StyledSeparator;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _engines = require("../../../../engines");
const _Popover = require("../../../Popover");
const _DateTimePickertokens = require("../../DateTimePicker.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
const Popover = (0, _engines.component)(mergedPopoverConfig);
const StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
    displayName: "Popover.styles__StyledPopover",
    componentId: "sc-c802b7a0-0"
})([
    `.`,
    `{box-sizing:border-box;display:flex;gap:var(`,
    `);border-radius:var(`,
    `);padding:var(`,
    `);background:var(`,
    `);box-shadow:var(`,
    `);overflow:hidden;width:`,
    `;height:`,
    `;}`
], _DateTimePickertokens.classes.root, _DateTimePickertokens.tokens.popoverGap, _DateTimePickertokens.tokens.popoverBorderRadius, _DateTimePickertokens.tokens.popoverPadding, _DateTimePickertokens.tokens.popoverBackgroundColor, _DateTimePickertokens.tokens.popoverShadow, ({ innerWidth })=>innerWidth || 'fit-content', ({ innerHeight })=>innerHeight || 'fit-content');
const StyledSeparator = _styledcomponents.default.div.withConfig({
    displayName: "Popover.styles__StyledSeparator",
    componentId: "sc-c802b7a0-1"
})([
    `background-color:var(`,
    `);min-width:0.063rem;`
], _DateTimePickertokens.tokens.popoverSeparatorBackground);
